Icon Button

Compact icon-only control. Always provide an accessible name via aria-label.

Variant

Size

Disabled

All variants × sizes

primary
secondary
outline
ghost
destructive

Developer

import { IconButton } from "@financial-tracking/design-system"

API reference

Based on the native button element. Defaults to ghost.

PropTypeDefault
variant"primary" | "secondary" | "outline" | "ghost" | "destructive""ghost"
size"sm" | "md" | "lg""md"
asChildbooleanfalse
disabledbooleanfalse