IconButton
Square, icon-only control — toolbars, cards, close/menu affordances. Always provide a label for a11y.
Live demo
Rendered with the actual component source, not a re-implementation.
Usage
import { IconButton } from "./IconButton.jsx";
<IconButton variant="solid" label="Add" icon={<Plus/>} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ReactNode | — | Icon node (e.g. a Lucide <svg>). |
label | string | — | Accessible label (also used as the tooltip). |
variant | "quiet" | "solid" | "outline" | "quiet" | Visual style. |
size | "sm" | "md" | "lg" | "md" | Size. |
disabled | boolean | — | Disable interaction. |