Components
IconButton
Token-driven icon-only action button in the non-premium Harmonica baseline.
Variants
ghost (default), primary, filled, and outlined. These map directly to
the standard archive preview rather than the premium glass or glow variants.
Usage
import { IconButton } from '@cajon-ui/react';
<IconButton label="Notifications" icon={<BellIcon />} />
<IconButton label="Settings" icon={<GearIcon />} variant="primary" />
<IconButton label="Next" icon={<ArrowRightIcon />} variant="filled" />Props
| Prop | Type | Default | Notes |
|---|---|---|---|
label | string | — | Required accessible name |
icon | ReactNode | — | Icon content |
variant | ghost | primary | filled | outlined | ghost | Visual treatment |
size | sm | md | lg | md | Control size |