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 = () => (
<Status
className="gap-4 rounded-full px-6 py-2 text-sm"
status="online"
variant="outline"
>
<StatusIndicator />
<StatusLabel className="font-mono">Fully operational</StatusLabel>
</Status>
);
export default Example;