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={false}
inverted={false}
name="Beste"
handle="@withbeste"
tone="primary"
/>