Badge
primitiveCompact label for status, category, or count. Three tones tuned to the active theme.
neutralaccentink
Installation
$pnpm dlx disenio add badgeUsage
example.tsx
import { Badge } from "@/components/ui/badge";
export default function Example() {
return <Badge tone="accent">popular</Badge>;
}API
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | "neutral" | "accent" | "ink" | "neutral" | Visual tone. |
| ...rest | HTMLAttributes<HTMLSpanElement> | — | All standard <span> props are forwarded. |