A hairline, softly rounded eyebrow pill with an uppercase, letter-spaced monospace label for section kickers.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Badge23 } from "@/components/beste/component/badge23";
<Badge23 label="Product" />
<Badge23
label="Value prop"
tone="foreground" // "muted" (default) | "foreground" | "primary"
/>An eyebrow kicker badge with an accent square and uppercase, letter spaced label for section headings.
A monospace eyebrow badge that wraps its label in brackets, with a vertical orientation option.
A decorative barcode badge with a monospace caption for editorial and print inspired sections.
An announcement pill badge with a bold tag, message, and optional link arrow for hero sections.
A toast style notification badge with an icon tile, title, and description for product updates.
A keyboard shortcut badge with real keycaps for command palettes and developer tools.