Navbar Component

Navbars are used to navigate between pages and sections of a website.

Installation

pnpm
npm
yarn
bun
pnpm dlx shadcn@latest add https://ui.sanjid.shop/r/navbar.json

NavItems Array Props

Usage

1import { Navbar } from "@/components/ui/navbar";

1const navItems = [2  { href: "/projects", label: "Projects" },3  { href: "/services", label: "Services" },4  { href: "/pricing", label: "Pricing" },5  { href: "/blog", label: "Blog" },6  { href: "/contact", label: "Contact" },7];8
9<Navbar navItems={navItems} />;