Primitives
Button
A versatile button component with five variants, three sizes, loading state, and icon support.
Preview:1280px
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'primary' | 'secondary' | 'ghost' | 'destructive' | 'outline' | 'primary' | Visual style of the button. |
| size | 'sm' | 'md' | 'lg' | 'md' | Controls padding and font size. |
| loading | boolean | false | Shows a spinner and disables interaction. |
| disabled | boolean | false | Prevents clicks and applies muted styling. |
| icon | ReactNode | - | Icon element shown before label. |
| onClick | () => void | - | Click handler. |