Button

Triggers an action, across levels of emphasis.

Variants

Emphasis matched to the weight of the action.

Three heights, from compact to prominent.

Place a supporting icon before or after the label.

Shows progress and blocks repeat submissions.

A square button for actions that need no label.

A soft radius, or a pill for compact actions.

Disabled buttons remain visible while clearly unavailable.