Action

Button

Trigger actions. Themed (primary, neutral, danger), sized (S, M, L), and available in solid or bordered styles.

@use "@mozaic-ds/styles/components/button";

Default

Apply mc-button and wrap the label in a span.mc-button__label for correct baseline alignment.

tsx

Color themes

accent, danger, and inverse are the available color themes. Without a modifier the button uses the primary tokens.

tsx

Style variations

Stack --outlined or --ghost on top of a color theme.

tsx

Sizes

mc-button--s and mc-button--l. Medium is the default.

tsx

Disabled

tsx