Components
Loading preview...
Here is Status component
@haydenbleasel
npx shadcn@latest add https://21st.dev/r/haydenbleasel/status'use client';
import { Status, StatusIndicator, StatusLabel } from '@/components/ui/status';
const Example = () => (
<div className="flex gap-2">
<Status status="online">
<StatusIndicator />
<StatusLabel />
</Status>
<Status status="offline">
<StatusIndicator />
<StatusLabel />
</Status>
<Status status="maintenance">
<StatusIndicator />
<StatusLabel />
</Status>
<Status status="degraded">
<StatusIndicator />
<StatusLabel />
</Status>
</div>
);
export default Example;