Components
Badge
Small labels for status, counts, and metadata.
DefaultSecondaryOutlineBrandSuccessWarning
Usage
With @flagon-io/ui installed (see Installation), import it directly.
import { Badge } from "@flagon-io/ui";
<Badge variant="success">Active</Badge>Prefer to own the code?
You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.
npx shadcn@latest add https://ui.flagon.io/r/badge.json