Buttons

Core variants, sizes, states and action patterns for the application.

Core variants

Seven built-in styles via the variant prop.

Small, medium and large text buttons with icon-square controls.

Capsule buttons via the pill prop available for every variant.

Leading and trailing glyphs at any size.

Loading, disabled, focus ring and full-width behavior.

Full width

Tab onto any button to inspect the token-driven focus ring.

Solid and soft success, warning, danger and info recipes.

Joined segmented control and a split action button.