如何在材料ui中做响应式抽屉?

时间:2017-07-02 12:57:35

标签: material-ui material

默认组件抽屉总是像一个模态窗口一样打开。但我需要响应组件抽屉打开抽屉,如容器内的左菜单调整中央内容。我怎么能用材料ui做这个?

1 个答案:

答案 0 :(得分:0)

如果您在此处共享代码,以便我们可以进行处理,那么我更愿意,但是从文档开始,您的解决方案是一个持久的抽屉,其内容根据抽屉状态而变化,here中有记录(以及codesandbox,如果您想弄乱它的话)

为了使任何内容都具有“响应性”(例如,根据屏幕尺寸更改其外观),您可以使用这种形式的注释:

beforeEach(async(() => { // testbed configure here   }));

简而言之,如果应用程序在“ sm”(小)窗口中运行,它将应用您在{}内给出的样式,因此在此示例中,标头的宽度为{{1} }和菜单按钮将显示以打开抽屉。

您可以将此技术应用于文档中的持久抽屉式代码,以获取所需的信息。再次,如果您尝试但无法使它正常工作,我很乐意使用您的代码。