首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React : Chakra UI拆分视图

React : Chakra UI拆分视图
EN

Stack Overflow用户
提问于 2022-07-04 03:59:07
回答 1查看 198关注 0票数 0

我正在寻找一个反应js的分裂视图,我使用脉轮ui作为我的布局,我无法实现它。

“左窗格”是具有固定高度(不需要滚动)的菜单,右窗格是每次加载的页面,用户在左侧菜单中选择一个选项。右窗格应该是可滚动的。

EN

回答 1

Stack Overflow用户

发布于 2022-09-10 00:04:42

您应该尝试一下Choc-UI布局来实现这一点:

https://choc-ui.com/docs/application-shells/sidebar-layouts

或者在这里也是:

https://chakra-templates.dev/navigation/sidebar

在链接中,您将得到组件的预览,这些组件的左侧有一个边栏,它得到了viewport的全部高度,还有一个侧边栏和一个用于应用程序内容或其他组件的容器。

本节独立于预览中显示的侧边栏和导航栏。您可以在每个previo (右上位置)上使用“显示代码”选项访问代码。

尝试删除导航栏和修改边栏的宽度,您将得到一个分割版本的布局,正如你所达到的。

票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72851645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档