Version Badge

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

v2.4.1NEW

New here? Read the installation guide.

Import & use
import { Badge2 } from "@/components/beste/piece/badge2";

<Badge2
  version="v2.4.1"
  tag="new"
/>

More Tag pieces

View all Tag
BESTE20
20% OFF

Coupon Code

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

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.