Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA colored dot next to a text label that shows online, busy, away or offline status.
Derived from this item’s props table, because it declares no controls of its own. Changes drive the preview live.
import { StatusDot } from "@/components/ui/status-dot"<StatusDot label="Online" status="online" pulse />| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Visible status text. |
status | "online" | "busy" | "away" | "offline" | "online" | Sets the dot color. |
pulse | boolean | false | Adds a ping animation. Ignored for offline and with reduced motion. |
announce | boolean | false | Sets role="status" so changes are announced. |
Also accepts all <span> props.