Components
Button
Trigger actions with seven token-driven variants, six sizes, and a built-in loading state.
Button is the primary action trigger. It maps to a native <button> and
forwards all standard attributes.
Variants
Preview
import { Button } from '@officina/ui';
<Button variant="primary">Primary</Button>
<Button variant="danger">Danger</Button>Sizes and states
Preview
<Button size="sm">Small</Button>
<Button isLoading>Loading</Button>
<Button disabled>Disabled</Button>API
| Prop | Type | Default | Description |
|---|---|---|---|
| isLoading | boolean | — | Show a loading spinner and disable the button while an action is in flight. |
| size | "xs" | "sm" | "md" | "lg" | "icon" | "icon-sm" | null | — | |
| variant | "primary" | "secondary" | "outline" | "ghost" | "soft" | "danger" | "success" | null | — |