Display name followed by a filled badge-check icon and an optional handle. Tone colors the check.
The import and the props worth knowing about, in one place.
import { Badge4 } from "@/components/beste/piece/badge4";
<Badge4
surface="card"
bordered={true}
inverted={false}
name="Beste"
handle="@withbeste"
tone="sky"
/>Split chip with a monospace version string and a colored stage tag like NEW or BETA.
Wrapping row of tinted tags in five tones, each optionally removable.