Button

Buttons trigger actions, confirm intent, and surface secondary options.

Variants

Use primary for the main action, secondary for supporting actions, and the lighter styles when the button should recede in visual priority.

The size scale is shared across text buttons, icon buttons, and icon-plus-label buttons so controls can stay visually aligned in dense CP interfaces.

Default buttons support prepend, append, both-side icons, or icon-only usage depending on how much context the action needs.

Icon-only buttons retain the same height as text buttons at each size so they align cleanly in action rows.

Loading buttons should preserve their footprint and communicate progress without shifting nearby controls.

Use disabled buttons for unavailable actions, and the link variant when the action navigates.