StatusStatus indicator badge with multiple variants (online, offline, away, busy, etc.)statusbadgeindicatoronlineoffline PreviewCodeOnlineOfflineAwayBusyIdlePendingSuccessErrorWarningInfoCopyimport { Status } from "@/components/vritti/status"; export function StatusExample() { return ( <div className="flex flex-wrap items-center gap-3 p-8"> <Status status="online" statusindicator>Online</Status> <Status status="offline" statusindicator>Offline</Status> <Status status="away" statusindicator>Away</Status> <Status status="busy" statusindicator>Busy</Status> <Status status="idle" statusindicator>Idle</Status> <Status status="pending" statusindicator>Pending</Status> <Status status="success" statusindicator>Success</Status> <Status status="error" statusindicator>Error</Status> <Status status="warning" statusindicator>Warning</Status> <Status status="info" statusindicator>Info</Status> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/status"Copy Dependencies pnpmnpmyarnbunpnpm add class-variance-authorityCopy