Marker Highlight Badge

A marker highlight badge that draws a highlighter stroke behind key words in headlines.

40% faster

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

Import & use

import { Badge13 } from "@/components/beste/component/badge13";

// Inline emphasis, drop it inside a headline:
<h2>
  Ship landing pages <Badge13 label="40% faster" /> with Beste UI
</h2>

<Badge13
  label="new"
  tone="pink"   // "amber" (default) | "emerald" | "pink" | "sky"
/>