Feedback
Indicator
A tiny dot. Use it inline next to a name (status), in a sidebar (online), or pinned to a corner (notification). Optional pulsing halo for attention-grabbing live states.
Tones
Sizes
Pulsing
Inline next to a label
Live · 12 viewers
API
| Prop | Type | Default | Description |
|---|---|---|---|
tone | 'neutral' | 'brand' | 'success' | 'warn' | 'danger' | 'violet' | 'success' | Dot color. Its type is AccentTone. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'sm' | Dot size. |
pulse | boolean | false | Animate a fading halo behind the dot. |
class | string | no default | Extra classes on the wrapper. |