Status Custom 1 - Custom status label, a shadcn block by @shadcnblocks · shadcn.exchange

Status Custom 1 - Custom status label, a shadcn block by @shadcnblocks · shadcn.exchange

example/status/status-custom-1.tsx

import {
  Status,
  StatusIndicator,
  StatusLabel,
} from "@/components/kibo-ui/status";

export const title = "Custom status label";

const Example = () => (
  <Status status="online">
    <StatusIndicator />
    <StatusLabel>All systems operational</StatusLabel>
  </Status>
);

export default Example;