v0.5.1

App Nav

Application sidebar and top navigation shells.

Paubha

Installation

npx paubha@latest add app-nav

Usage

import { AppNav, AppNavBrand, AppNavLink, AppNavLinks } from "@/components/ui/app-nav";

<AppNav>
  <AppNavBrand>Paubha</AppNavBrand>
  <AppNavLinks>
    <AppNavLink href="/home" active>Home</AppNavLink>
    <AppNavLink href="/projects">Projects</AppNavLink>
  </AppNavLinks>
</AppNav>

Examples

Announcement Bar

Site-wide top announcement with optional badge, action, and dismiss.

Auth Card

Login / signup card composed from Card, Field, Input, and Button.

On this page

InstallationUsageExamplesSidebar