UNPKG

@neynar/ui

Version:

React UI component library built on shadcn/ui and Tailwind CSS

52 lines (43 loc) 1.42 kB
# NavigationMenuList **Type**: component NavigationMenuList - Container for navigation menu items The list container that groups NavigationMenuItem components within a NavigationMenu. Renders as an unordered list (ul) by default and provides the foundational layout structure for the navigation menu. Supports both horizontal and vertical orientations based on the parent NavigationMenu orientation prop. ## JSX Usage ```jsx import { NavigationMenuList } from '@neynar/ui'; <NavigationMenuList asChild={true} /> ``` ## Component Props ### asChild - **Type**: `boolean` - **Required**: No - **Description**: No description available ## Examples ### Example 1 ```tsx <NavigationMenuList> <NavigationMenuItem value="products"> <NavigationMenuTrigger>Products</NavigationMenuTrigger> <NavigationMenuContent> <NavigationMenuLink href="/products">All Products</NavigationMenuLink> </NavigationMenuContent> </NavigationMenuItem> <NavigationMenuItem> <NavigationMenuLink href="/about" className={navigationMenuTriggerStyle()}> About </NavigationMenuLink> </NavigationMenuItem> </NavigationMenuList> ``` ### Example 2 ```tsx // Custom list element using asChild <NavigationMenuList asChild> <div className="custom-nav-container"> <NavigationMenuItem> <NavigationMenuLink href="/home">Home</NavigationMenuLink> </NavigationMenuItem> </div> </NavigationMenuList> ```