12 lines
609 B
Markdown
12 lines
609 B
Markdown
**Button** — the primary action control. Use exactly one `primary` button per view (add channel, save); everything else is `secondary` or `ghost`. `danger` is reserved for destructive confirmations.
|
|
|
|
```jsx
|
|
<Button variant="primary" startIcon={<PlusIcon/>}>Add Channel</Button>
|
|
<Button variant="secondary">Edit Numbers</Button>
|
|
<Button variant="ghost" size="sm">Cancel</Button>
|
|
<Button variant="danger">Delete</Button>
|
|
<Button variant="primary" loading>Saving…</Button>
|
|
```
|
|
|
|
Props: `variant` (primary·secondary·ghost·danger), `size` (sm·md), `startIcon`/`endIcon`, `loading`, `disabled`, `fullWidth`.
|