App Header

Pill header with a menu button on the left, centered brand mark, and search and avatar actions right.

Beste

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

Import & use

import { Nav28 } from "@/components/beste/piece/nav28";

<Nav28
  brand="Beste"
  avatarSrc="https://images.unsplash.com/photo-1522075469751-3a6694fb2f61?w=70&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTh8fHByb2ZpbGV8ZW58MHx8MHx8fDA%3D"
  avatarAlt="Account"
  initials="BS"
/>