Buttons

Button variants, sizes, states, and icons.

Variants

All available button variants in the primary color.

SolidOutlineSoftSubtleGhostLink

Colors

Solid variant in every available color.

PrimarySecondarySuccessInfoWarningErrorNeutral

Sizes

All five button sizes from extra-small to extra-large.

XSSMMDLGXL

With Icons

Buttons with leading icons, trailing icons, and icon-only.

Leading IconTrailing Icon

States

Default, loading, loading with auto-detection, and disabled states.

DefaultLoadingLoading AutoDisabled

With Avatar

Button with an avatar image.

John Doe