Button
Commonly used button component with various styles and sizes.
Solid Variants
Various colors and solid variants
Outline Variants
Various colors and outline variants
Gradient
Gradient buttons with various colors
Sizes
Small, medium, and large buttons
Properties
Rounded, Icon Only, Disabled, Loading
API Reference
| Input | Type | Default | Description |
|---|---|---|---|
| variant | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'primary' | Variant of the button. |
| size | 'sm' | 'md' | 'lg' | 'md' | Size of the button. |
| block | boolean | false | Whether the button should take the full width of its container. |
| outline | boolean | false | Whether the button should have an outline style. |
| loading | boolean | false | Whether the button should show a loading indicator. |
| disabled | boolean | false | Whether the button should be disabled. |
| clicked | void | undefined | Callback function to be called when the button is clicked. |