在哪里可以找到材料 UI v1 的文档站点中使用的抽屉和应用栏的简单示例?

Question

我想在文档站点中添加与应用栏和抽屉相同的功能，即移动抽屉上的功能是隐藏的，应用栏上有菜单按钮，但在更大的屏幕上没有。我真的无法通过查看材料UI存储库的文档文件夹中的源代码来找到任何东西，任何使用过材料UI的人都可以举一个简单的例子吗？

Answer 1

您可以使用组件 Hidden 来实现这一点，使用起来非常简单。 本示例在 xs 断点处隐藏纸张。

<Hidden xsDown>
<Paper>Hidden on xs</Paper>
</Hidden>

在这里，你有隐藏的文档。

遵循相同的功能，您可以执行以下操作：

<Grid container gutter={0}>
<Hidden xsDown><Grid item><Paper>Your side bar</Paper></Grid></Hidden>
<Grid item xs>Your main component with the appBar</Grid>
</Grid>

所以在断点 xs 处，侧边栏将隐藏