Button
Interactive button component with multiple variants and sizes. Features the signature FUI aesthetic with sharp edges, uppercase tracking, and glow effects on the primary variant.
Variants
Preview
Sizes
Preview
Loading State
Preview
Disabled
Preview
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "primary" | Visual style variant of the button. |
| size | "sm" | "md" | "lg" | "icon" | "md" | Size of the button. |
| loading | boolean | false | Show loading spinner and disable interactions. |
| disabled | boolean | false | Disable the button. |
| className | string | - | Additional CSS classes. |
Accessibility
- Uses native
<button>element - Supports keyboard focus with visible ring
- Disabled state prevents click and tab focus
- Loading state adds
disabledattribute