Coupon Code

Dashed-border tag with a monospace code on the left and a colored discount callout on the right.

BESTE20
20% OFF

New here? Read the installation guide.

Import & use
import { Badge3 } from "@/components/beste/piece/badge3";

<Badge3
  code="BESTE20"
  discount="20% OFF"
  tone="rose"
/>

More Tag pieces

View all Tag
v2.4.1NEW

Version Badge

Split chip with a monospace version string and a colored stage tag like NEW or BETA.

designshippedneeds reviewarchived

Tag Cluster

Wrapping row of tinted tags in five tones, each optionally removable.

Beste@withbeste

Verified Handle

Display name followed by a filled badge-check icon and an optional handle. Tone colors the check.