Indicate status with a dot

At a glanceCopy Anchor Link

• Who: Developers showing compact live state (lists, headers, realtime panels).
• What: A small status dot with semantic tones (active, idle, success, warning, danger).
• Use when: Beside a label that names the state (the dot is decorative).
• Avoid when: As the only state signal — pair it with text, never color alone.
• See also: Show a status or count badge, Show key-value details and a live indicator

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { StatusDot } from "@zedtech/zedkit-ui";
<StatusDot tone="active" /> // active | idle | success | warning | danger; decorative, pair with text

Wraps: (none)