atom
gy-dot
Small circular status indicator used inline next to list-row names to telegraph state like CI green/yellow/red or drift fresh/stale.
Live
What you ship.
Markup
<gy-dot tone="ok" label="CI green"></gy-dot>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
tone | 'ok' | 'warn' | 'bad' | 'never' | 'ok' | Visual tone — colours the circle from the status token family. |
label * | string | no default | Required for accessibility — promoted to the host's aria-label. |
Where this lives
import '@gyrum-labs/components/dot/dot.js';