Verified Handle

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

Beste@withbeste

New here? Read the installation guide.

Import & use
import { Badge4 } from "@/components/beste/piece/badge4";

<Badge4
  name="Beste"
  handle="@withbeste"
  tone="sky"
/>

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.

BESTE20
20% OFF

Coupon Code

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