@gridui/responsive-navigation

Layout family. Public API: DesktopNavigation, DesktopNavigationProps, MobileNavigation, MobileNavigationProps, ResponsiveDrawer, ResponsiveDrawerProps, ResponsiveNavigation, ResponsiveNavigationMenu, ResponsiveNavigationMenuProps, ResponsiveNavigationProps.

Import components from @gridui/responsive-navigation and load @gridui/responsive-navigation/styles.css after Theme. Load styles for any composed dependency used by this family. Applications own routes, labels, state persistence, and branding.

See component ownership and release history.

DesktopNavigation and MobileNavigation own their visibility through component CSS at 48rem. Unrelated utility styles loaded later cannot hide both variants; the native hidden attribute still hides either component.

Controlled mobile drawers

ResponsiveNavigation normally owns the state of its ResponsiveDrawer. Supply drawerOpen and onDrawerOpenChange to coordinate that state with native link activation or another application controller:

<ResponsiveNavigation drawerOpen={open} onDrawerOpenChange={setOpen}>
    {navigationParts}
</ResponsiveNavigation>

The same public parts and focus lifecycle remain in use. Breakpoint changes dismiss the drawer and request false from the controller. Desktop presentation never leaves a hidden mobile modal active. Changes to callback identity do not dismiss an open mobile drawer. Applications still own destinations and routing.