IconButton
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Sizes#
Loading…
Variants#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| icon * | ReactNode | — | The glyph or icon node to render. Pure decoration — set `aria-label` for screen readers. |
| aria-label * | string | — | Required: an accessible label since icon buttons have no visible text. Mapped to `aria-label`. |
| size | "sm" | "md" | "lg" | null | undefined | — | |
| variant | "outline" | "primary" | "secondary" | "ghost" | "destructive" | "success" | null | undefined | — |