Data display

Badge

A small status chip — published, draft, scheduled, failed.

Importimport { Badge } from "@/components/ui/Badge";
Sourcesrc/components/ui/Badge

A status chip. Badges are read, not clicked — if it needs an action, it is a Button. destructive and danger are the same variant under two names.

Variants

Published
Draft
Scheduled
Failed

Props

Badge

PropTypeDefaultDescription
variant"default" | "secondary" | "outline" | "danger" | "destructive""default"`destructive` is an alias for `danger`.