Coupon Code

About this piece

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

Usage

The import and the props worth knowing about, in one place.

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

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

v2.4.1NEW

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

designshippedneeds reviewarchived

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

Beste@withbeste

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

Level 7 unlocked

Longest review streak on the team

+0points

Level 8 at 400 points

The unlock line rises into place while the points count up beside it and the bar fills toward the next level, then everything holds.