Button
Buttons trigger an action. They support five visual variants, three sizes, an
asChild prop for polymorphic rendering and a built-in loading state.
| Prop | Type | Default | Description |
|---|---|---|---|
variant |
'solid' | 'soft' | 'outline' | 'ghost' | 'destructive' |
'solid' |
Visual style. |
size |
'sm' | 'md' | 'lg' |
'md' |
Control height and padding. |
loading |
boolean |
false |
Show a spinner and disable the button. |
asChild |
boolean |
false |
Merge props onto the single child element. |
All native <button> attributes are also accepted.