Button
/Documentation
Button
A versatile button component that supports multiple variants, sizes, and states. Built with accessibility in mind and fully customizable.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| children | text | - | Button text content |
| variant | select | - | Button visual style |
| size | select | - | Button size |
| disabled | boolean | - | Disable the button |
Stories
Default
The default button appearance
Secondary
Secondary button style for less prominent actions
Destructive
For dangerous or destructive actions
Outline
Outlined button for subtle actions
Ghost
Ghost button for subtle actions
Link
Link button for navigation
With Icon
Button with an icon
Small Size
Compact button for tight spaces
Large Size
Larger button for prominent actions
Icon Only
Button with only an icon
Disabled
Button in disabled state