Show a status or count badge

At a glanceCopy Anchor Link

• Who: Developers flagging state or counts inline (lists, headers, tables).
• What: Small status/count pills with semantic variants.
• Use when: For short labels next to the thing they describe.
• Avoid when: For long text or actions — use Text or Button instead.
• See also: Indicate status with a dot

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Badge } from "@zedtech/zedkit-ui";
<Badge>live</Badge>
<Badge variant="outline">3 retries</Badge>

Wraps: class-variance-authority