Buttons & Actions

Actions

Buttons, badges, toggles and menus — the interactive vocabulary of every dashboard.

Button variants

variant='default | secondary | outline | ghost | destructive | link'

Sizes & icons

size='sm | default | lg | icon'
Buttons pair naturally with Lucide icons.
disabled state

Badges

Small status and category labels.

DefaultSecondaryOutlineDestructive
variant='default | secondary | outline | destructive'
ActivePendingDraftFailed
Status badges using semantic colors.

Toggles

Single toggles and grouped, mutually-exclusive options.

Toggle — independent on/off buttons
ToggleGroup — pick one alignment

Dropdown menu

Contextual actions triggered from a button.