Parenthetical Eyebrow

A monospace eyebrow badge that wraps its label in brackets, with a vertical orientation option.

(About)

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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)
/>