Button

Interactive button element for triggering actions. Supports multiple variants, sizes, states, and compound patterns like button groups and split buttons.

Variants

Seven stylistic variants available out of the box.

Sizes

Three text sizes plus matching icon-only sizes.

Wide

Always stretches to fill its container — ideal for form submits and full-width CTAs.

With icons

Icons can sit inline on either side of the label.

States

Default, hover, and disabled behavior per variant.

Button group

Adjacent buttons joined into a single control.

Button group with dropdown

Split button — primary action on the left, a dropdown menu on the right lets the user switch the action.

Button group with action menu

Primary button keeps its action; the dropdown contains separate secondary actions that each fire their own handler when clicked.