Buttons

Buttons are available in multiple variants, sizes, and states. All buttons include proper focus states and transitions.

Primary Buttons

Used for primary actions and CTAs. High contrast and prominence.

Used for secondary actions. Less prominent than primary buttons.

Minimal styling for tertiary actions. Transparent background with hover state.

Used for destructive actions like delete, remove, or cancel operations.

Square buttons with just an icon. Always include a tooltip for accessibility.