Button
A versatile button component with multiple variants, sizes, and states including loading indicators.
API Reference
Button
Interactive button component built on Base UI Button with variant and size styling.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link' | 'default' | Visual style variant of the button |
| size | 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg' | 'default' | Size of the button |
| disabled | boolean | false | Whether the button is disabled |
| className | string | - | Additional CSS classes |
| ...props | React.ComponentProps<typeof BaseButton> | - | Base UI Button props including render prop |