Table of Contents#
- Default Button
- Button Variants
- Button Sizes
- Buttons with Icons
- Loading Buttons
- Disabled Buttons
- Button Props
Default Button#
Button Variants#
Button Sizes#
Buttons with Icons#
Loading Buttons#
Disabled Buttons#
Button Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'primary' 'secondary' 'success' 'warning' 'link' 'outline' 'ghost' 'icon' | primary | Controls the visual style of the button |
| size | 'sm' 'default' 'lg' 'icon' | default | Controls the size of the button |
| isLoading | boolean | false | Shows a loading spinner |
| loadingText | string | Text to display while loading | |
| asChild | boolean | false | Allows rendering as a different element (like a link) |
| disabled | boolean | false | Disables the button |
| children | React.ReactNode | The content to be rendered inside the button |