Four-tab navigation pill that expands the active tab to show its label, with a count badge on alerts.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Nav32 } from "@/components/beste/piece/nav32";
<Nav32
active="alerts"
alerts={3}
/>Rounded segmented tabs riding a muted track, with a raised card sliding under the active label.
Underline tabs that print a pill count next to the label, with the active count filled in primary.
Mobile tab bar with labeled icons, a raised center create button, and a rose unread counter badge.
Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.
Horizontal tabs with a thin bottom rail and a primary underline under the active label.
Web-app bottom bar with five labeled icon tabs and a primary indicator above the active one.