StatusDot
Status indicator dots with pulse animation.
Preview
Online
Away
Busy
Offline
OnlineInstallation
bash
npx auralix-ui add status-dotUsage
Status Indicators
tsx
import { StatusDot, StatusBadge } from "@/components/ui/StatusDot";
<StatusDot status="online" pulse />
<StatusBadge status="away" />Props
| Name | Type | Default | Description |
|---|---|---|---|
status | "online" | "offline" | "away" | "busy" | "default" | "default" | Status type. |
size | "sm" | "md" | "lg" | "md" | Dot size. |
pulse | boolean | false | Animate with pulse. |
On this page