Button
Triggers actions. Supports primary, secondary, ghost, and danger variants with three sizes.
Example
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
variant | 'primary' | 'secondary' | 'ghost' | 'primary' | No | Visual style variant |
size | 'sm' | 'md' | 'lg' | 'md' | No | Button size |
loading | boolean | false | No | Shows loading state and disables interaction |
toggle | boolean | false | No | Enables toggle button behavior |
pressed | boolean | — | No | Controlled pressed state for toggle buttons |
iconOnly | boolean | false | No | Compact padding for icon-only buttons |
Accessibility
- Uses native <button> element for keyboard and screen reader support
- aria-disabled set when loading or disabled
- aria-pressed for toggle buttons
- aria-busy when loading
Related Tokens
--button-primary--button-secondary--button-ghost--button-sm--button-md--button-lg--button-gap