Button

Buttons (including IconButton, ButtonGroup), polymorphic <code>as</code>, loading and accessibility props. Props tables — header Documentation → Button.

Examples: variants

Solid / outline / ghost on primary plus secondary palettes.

Examples: sizes

Button size uses spacing and typography tokens from the theme.

Examples: link variant

Link variant: underline, inherits palette; use for low-emphasis actions.

Examples: icons

iconSize scales slots; IconButton requires aria-label (typed) and bumps hit area to ≥44px.

Examples: loading

Default loader spins via injected keyframes (no Tailwind). loadingText sets polite aria-live + sr-only copy.

Examples: disabled

Disabled buttons ignore clicks and show reduced opacity.

Examples: destructive, fullWidth, pressed, iconSize

variant="destructive", fullWidth, pressed (aria-pressed).

Examples: as prop (link)

Same styles as a native link — use with React Router Link and cast router props if needed.

Styled anchor

Examples: IconButton & ButtonGroup

ButtonGroup uses role="group"; attached merges corners for outline buttons.