A hairline, softly rounded eyebrow pill with a compact label for section kickers.
The import and the props worth knowing about, in one place.
import { Badge23 } from "@/components/beste/component/badge23";
<Badge23 label="Product" />
<Badge23
label="Value prop"
tone="foreground" // "muted" (default) | "foreground" | "primary"
/>Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
label* | string | — | Eyebrow label |
tone | "muted" | "foreground" | "primary" | — | Text/border tone |
className | string | — | Additional classes merged onto the root |