@zedtech/zedkit-ui

Icon-only actions with a visible name

Icon-only controls with matching `aria-label` and `title` from one `label` prop.

At a glance

Who: Developers adding icon-only header or toolbar controls in an admin UI.
What: Icon-only controls with matching aria-label and title from one label prop.
Use when: Toolbar or header controls where the glyph alone is not enough for screen readers.
Avoid when: Actions with visible text — use Button instead.

pnpm add @zedtech/zedkit-ui

Latest: 0.4.0 (via changesets).

Usage

import { IconButton } from "@zedtech/zedkit-ui";
<IconButton label="Open menu">☰</IconButton>

Wraps: Button (same variants and sizes; size defaults to icon)

Trigger actions with buttons

Accessible buttons with variants (primary, destructive, outline, ghost) and sizes.

Show a status or count badge

Small status/count pills with semantic variants.