A site navigation component with dropdown content panels. Supports nested items, links, and accessible keyboard navigation.

Docs Under Construction

Check Back soon!

Import all parts of the component and piece them together

React
import NavigationMenu from "@radui/ui/NavigationMenu" export default () => { return ( <NavigationMenu.Root> <NavigationMenu.Item> <NavigationMenu.Trigger /> <NavigationMenu.Content> <NavigationMenu.Link href="#" /> </NavigationMenu.Content> </NavigationMenu.Item> </NavigationMenu.Root> ) }

The root NavigationMenu component.

PropTypeDefault

value

string--

orientation

enum

horizontal

onValueChange

function--