Navigation Menu
A headless navigation menu primitive providing the behavioral foundation for horizontal site navigation bars with dropdown content panels. Manages open/close state, hover-triggered dropdowns with close timers, route-change auto-close, and ARIA attributes — without any default styling.
Unstyled Navigation Menu
A basic headless navigation menu. This primitive provides all the behavior (hover open/close with 150ms timer, route-change auto-close, ARIA) without any styling — you bring your own CSS. Use the styled
BbNavigationMenu component from the Components library for pre-built Tailwind styles.Anatomy
<BbNavigationMenu>
<BbNavigationMenuList>
<BbNavigationMenuItem>
<BbNavigationMenuTrigger />
<BbNavigationMenuContent />
</BbNavigationMenuItem>
<BbNavigationMenuItem>
<BbNavigationMenuLink />
</BbNavigationMenuItem>
</BbNavigationMenuList>
</BbNavigationMenu>