Button
Triggers an action or event, such as submitting a form or opening a dialog.
Default
Variants
Sizes
With Icon
Loading
Disabled
As Link
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "default" | Visual style of the button. |
| size | "sm" | "default" | "lg" | "icon" | "default" | Size of the button. All sizes meet 44px minimum touch target. |
| asChild | boolean | false | Render as the child element (e.g. an anchor tag) via Radix Slot. |
| loading | boolean | false | Show a spinner overlay and disable interaction. Preserves button width. |
| disabled | boolean | false | Disable the button. Applied automatically when loading. |