Barcode Badge

A decorative barcode badge with a monospace caption for editorial and print inspired sections.

Est. 2019, Berlin

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

Import & use

import { Badge11 } from "@/components/beste/component/badge11";

<Badge11 label="Est. 2019, Berlin" />

<Badge11
  label="Serial No. 001"
  bars={36}         // number of bars (default 28)
  tone="muted"      // "foreground" (default) | "muted" | "primary"
  hideLabel         // bars only; label stays for screen readers
/>