Menu Vertical

Navigation 735

About

Here is Menu Vertical component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Menu Vertical to your project and fits it to your theme.

Code

How Menu Vertical is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { MenuVertical } from "@/components/ui/menu-vertical";

const MenuVerticalBasic = () => {
  return (
    <MenuVertical
      menuItems={[
        {
          label: "Home",
          href: "#",
        },
        {
          label: "Pricing",
          href: "#",
        },
        {
          label: "Docs",
          href: "#",
        },
        {
          label: "About Us",
          href: "#",
        },
        {
          label: "Contact",
          href: "#",
        },
      ]}
    />
  );
};

export default MenuVerticalBasic;