Primitives
Button
Versatile button component with multiple variants, sizes, loading state, and icon slots.
Variants
Sizes
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "outline" | "ghost" | "destructive" | "primary" | Visual style variant of the button |
size | "sm" | "md" | "lg" | "xl" | "md" | Size of the button |
fullWidth | boolean | false | Stretch button to fill its container width |
loading | boolean | false | Show a loading spinner and disable interaction |
leftIcon | ReactNode | — | Icon element rendered before the button label |
rightIcon | ReactNode | — | Icon element rendered after the button label |
disabled | boolean | false | Disable the button |
className | string | — | Additional CSS classes |