App Bar

Web-app bottom bar with five labeled icon tabs and a primary indicator above the active one.

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

Import & use
import { Nav25 } from "@/components/beste/piece/nav25";

<Nav25
  tabs={[
    {
      "label": "Home",
      "icon": "home"
    },
    {
      "label": "Explore",
      "icon": "explore",
      "active": true
    },
    {
      "label": "Inbox",
      "icon": "inbox"
    },
    {
      "label": "Alerts",
      "icon": "notifications"
    },
    {
      "label": "Me",
      "icon": "profile"
    }
  ]}
/>