User Menu

Account dropdown with an avatar header, profile and settings rows, workspace switcher, and a Sign out action.

Beste Sözen
Beste Sözenmira@beste.co

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

Import & use
import { Nav20 } from "@/components/beste/piece/nav20";

<Nav20
  name="Beste Sözen"
  email="mira@beste.co"
  initials="BS"
  imageSrc="https://images.unsplash.com/photo-1749989402507-1d8a8e98bb14?w=70&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fHdoaXRlJTIwcHJvZmlsZXxlbnwwfHwwfHx8MA%3D%3D"
  alt="Beste Sözen"
/>