shadcn-solid
DocsComponentsCharts


Get Started
  • Introduction
  • Installation
  • Theming
  • Dark Mode
Form
  • Tanstack Form
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Badge
  • Breadcrumbs
  • Button Group
  • Button
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Data Table
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • File Field
  • Hover Card
  • Kbd
  • Menubar
  • Navigation Menu
  • Number Field
  • OTP Field
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Resizable
  • Search
  • Segmented Control
  • Select
  • Separator
  • Sidebar
  • Skeleton
  • Slider
  • Sonner
  • Switch
  • Table
  • Tabs
  • Text Field
  • Toggle Group
  • Toggle Button
  • Tooltip

Navigation Menu

A collection of links for navigating websites.

Docs API Reference

Component navigation-menu-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import {
  NavigationItemDescription,
  NavigationItemLabel,
  NavigationMenu,
  NavigationMenuContent,
  NavigationMenuItem,
  NavigationMenuList,
  NavigationMenuPortal,
  NavigationMenuTrigger,
} from "@components/ui/navigation-menu"
<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuTrigger />
    <NavigationMenuPortal>
      <NavigationMenuContent>
        <NavigationMenuItem>
          <NavigationItemLabel />
          <NavigationItemDescription />
        </NavigationMenuItem>
      </NavigationMenuContent>
    </NavigationMenuPortal>
  </NavigationMenuList>
</NavigationMenu>

Examples

Orientation

Component navigation-menu-vertical-demo not found in registry.

MenubarNumber Field
Built & designed by shadcn. Ported to Solid by hngngn. The source code is available on GitHub.