API and Development
StatusDot renders a small circular indicator with StatusDotColor (Info, Success, Warning, Error, Neutral) and optional pulsing animation. StatusDotIndicator positions a dot on another element (inset vs edge, optional bordered ring) for avatars or icons.
| Name | Type | Default | Description |
|---|---|---|---|
className | string | — | Classes appended after generated classes. |
color | StatusDotColor | — | Semantic fill and glow. Defaults to {@link StatusDotColor.Info}. |
pulsing | boolean | — | When true, applies a pulsing ring for attention in addition to color. |
ref | Ref<HTMLSpanElement> | — | Ref to the decorative dot host. |
| Name | Type | Default | Description |
|---|---|---|---|
color | StatusDotColor | required | Dot color. |
inset | boolean | false | Inset vs edge placement. |
pulsing | boolean | — | Animate dot. |
bordered | boolean | false | Ring around dot. |
children | ReactNode | required | Wrapped content (e.g. avatar). |