ButtonPrimary action buttons covering variants, states, icons, and responsive usage in light and dark themes.

Available components

Variants

PrimarySecondaryGhostDisabledLoading

Variants (dark)

PrimarySecondaryGhostDisabledLoading

Sizes (lg, md, sm)

LargeMediumSmall

Sizes (lg, md, sm) (dark)

LargeMediumSmall

Sizes with icons

LargeMediumSmall

Sizes with icons (dark)

LargeMediumSmall

Icon position

BackNextDownload

Icon position (dark)

BackNextDownload

Hide label (icon-only, accessible)

MessageMessageMessageMessageMessageMessageMessageMessageMessage

Hide label (dark)

MessageMessageMessageMessageMessageMessageMessageMessageMessage