A compact label for status, counts, and tags.
Copy the command below and run it in your terminal.
bunx @sivir/ui add badge
pnpm dlx @sivir/ui add badge
npx @sivir/ui add badge
yarn dlx @sivir/ui add badge
Import the Badge and use it in your component:
import { Badge } from '$lib/sivir/components/badge'; <Badge>New</Badge> <Badge variant="success">Active</Badge> <Badge variant="error">Failed</Badge>
Explore Badge variants for different use cases.