Button
A versatile button component with multiple variants, sizes, and loading states.
Examples
Variants
Sizes
Loading State
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "outline" | "ghost" | "destructive" | "primary" | Visual style variant of the button |
size | "sm" | "md" | "lg" | "md" | Size of the button |
loading | boolean | false | Whether the button is in a loading state |
disabled | boolean | false | Whether the button is disabled |
leftIcon | ReactNode | - | Icon to display before the button text |
rightIcon | ReactNode | - | Icon to display after the button text |