@gridui / responsive-navigation
布局的家庭。公共API: DesktopNavigation, DesktopNavigationProps, MobileNavigation, MobileNavigationProps, ResponsiveDrawer, ResponsiveDrawerProps, ResponsiveNavigation, ResponsiveNavigationMenu, ResponsiveNavigationMenuProps, ResponsiveNavigationProps.
从 @gridui/responsive-navigation 和负载 @gridui/responsive-navigation/styles.css 后的主题。
此家族使用的任何组合依赖项的加载样式。应用程序拥有自己的路由、标签、状态持久化和品牌。
DesktopNavigation和MobileNavigation通过组件拥有自己的可见性
CSS在48rem。稍后加载的不相关的实用程序样式不能隐藏这两个变体;
本机 hidden 属性仍然隐藏任何组件。
受控移动抽屉
ResponsiveNavigation通常拥有它的ResponsiveDrawer的状态。供应
drawerOpen 和 onDrawerOpenChange 将该状态与本机链接进行协调
激活或其他应用控制器:
<ResponsiveNavigation drawerOpen={open} onDrawerOpenChange={setOpen}>
{navigationParts}
</ResponsiveNavigation>
相同的公共部分和焦点生命周期仍在使用中。断点的变化
解散抽屉并请求 false 从控制器。桌面演示
永远不要让隐藏的移动模态处于活动状态。对回调标识的更改则不会
关掉打开的可移动抽屉。应用程序仍然拥有目的地和路由。