gpt4 book ai didi

reactjs - React Pro 侧边栏

转载 作者:行者123 更新时间:2023-12-02 02:40:44 37 4
gpt4 key购买 nike

有人用过 React Pro 侧边栏吗?有人可以告诉我如何使用 sass 侧边栏组件以及如何增加侧边栏的长度。是否还有其他库提供了如何使用其侧边栏的示例。这是 React Pro 侧边栏示例。

<ProSidebar>
<SidebarHeader>
{
Dashboard}
</SidebarHeader>
<Menu iconShape="square">
<MenuItem>Dashboard</MenuItem>
<SubMenu title="Components">
<MenuItem>Component 1</MenuItem>
<MenuItem>Component 2</MenuItem>
</SubMenu>
<SubMenu title="Reports">
<MenuItem>My Report</MenuItem>
<MenuItem>MIS Report</MenuItem>
</SubMenu>
</Menu>
</ProSidebar>
;

请帮忙

最佳答案

要增加侧边栏(react-pro-sidebar)组件的高度,只需将侧边栏包裹在 div 标签中,然后向该 div 添加样式,如下所示:

.sidebar {
height: 60vh !important;
}

<div className='sidebar'>
<ProSidebar>
<SidebarHeader>
{
Dashboard}
</SidebarHeader>
<Menu iconShape="square">
<MenuItem>Dashboard</MenuItem>
<SubMenu title="Components">
<MenuItem>Component 1</MenuItem>
<MenuItem>Component 2</MenuItem>
</SubMenu>
<SubMenu title="Reports">
<MenuItem>My Report</MenuItem>
<MenuItem>MIS Report</MenuItem>
</SubMenu>
</Menu>
</ProSidebar>

</div>

关于reactjs - React Pro 侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63684610/

37 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com