Navigation Menu SSR

Server-side rendered navigation menu with smooth animations and responsive design for better performance.

Loading...

Installation

pnpm dlx shadcn@latest add https://tiendatdev.me/r/navigation-menu-ssr.json

Usage

import {
  NavigationMenuSSR,
} from "@/components/NavigationMenuSSR";

export function NavigationDemo() {
  return (
    <NavigationMenuSSR
      items={[
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Services", href: "/services" },
        { label: "Contact", href: "/contact" }
      ]}
      className="bg-white shadow-md"
      variant="horizontal"
    />
  );
}

Examples

Loading...