Verified Handle

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

Beste@withbeste

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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

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