UI · Application UI
Status dot
Atomic status indicator dot with tone + optional pulse.
@byronwade/foundation@byronwade/utils
Feature showcase
Installation
Features
6 examples
Default, Tones, Pulse, Inline Text, Sizes, Table Rows.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | "success" | "warning" | "danger" | "info" | "neutral" | "neutral" | Color tone. |
| size | "sm" | "md" | "lg" | "sm" | Dot size. |
| pulse | boolean | false | Animated ping ring. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/status-dot.tsx |
| Default example | content/examples/status-dot/default.tsx |
| Tones example | content/examples/status-dot/tones.tsx |
| Pulse example | content/examples/status-dot/pulse.tsx |
| Inline Text example | content/examples/status-dot/inline-text.tsx |
| Sizes example | content/examples/status-dot/sizes.tsx |
| Table Rows example | content/examples/status-dot/table-rows.tsx |