Button
UIPrimary action button with terminal styling, variants, and loading states.
[EXAMPLES]
Variants
Loading State
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| variant | "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "default" | Visual style variant |
| size | "default" | "sm" | "lg" | "icon" | "default" | Button size |
| loading | boolean | false | Show loading spinner and disable |
| loadingText | string | — | Accessible label during loading |
| asChild | boolean | false | Render as child element (Slot) |
[ACCESSIBILITY]
KEYBOARD SHORTCUTS
| KEY | ACTION |
|---|---|
| Enter / Space | Activate the button |
| Tab | Move focus to the button |
ARIA
- >Uses native <button> element
- >aria-busy="true" when loading
- >aria-label set to loadingText when loading