A monospace eyebrow badge that wraps its label in brackets, with a vertical orientation option.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Badge7 } from "@/components/beste/component/badge7";
<Badge7 label="About" />
<Badge7
label="Est. 2019"
bracket="square" // "round" (default) | "square" | "curly" | "angle" | "none"
tone="foreground" // "muted" (default) | "foreground" | "primary"
vertical // rotate for edge placement (e.g. along a hero side)
/>