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 |