← Design system
Button
Interactive examples and usage for the Button component.
Examples
Sizes
States
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'ghost' | 'soft' | 'gradient' | 'danger' | 'success' | 'primary' | Visual style variant |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Button size |
fullWidth | boolean | false | Expand to fill container width |
loading | boolean | false | Show loading spinner and disable interaction |
iconOnly | boolean | false | Render as a square icon button |
disabled | boolean | false | Disable the button |
href | string | undefined | Render as an anchor element instead of a button |
type | 'button' | 'submit' | 'reset' | 'button' | HTML button type attribute |