我在哪里可以找到Material UI v1的docs站点中使用的抽屉和appbar的简单示例？

Question

我想添加appbar和抽屉在docs网站中的相同功能，即隐藏在移动抽屉上，并且在appbar上有菜单按钮，但在大屏幕上没有。通过查看材料UI repo的docs文件夹中的源代码，我真的无法找到任何内容。任何使用过材质UI的人都可以给出一个简单的例子吗？

Answer 1

您可以使用隐藏组件实现此功能，使用起来非常简单。 此示例将文件隐藏在xs breakpoint。

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

在这里，您拥有隐藏的docs。

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

<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处，侧栏会隐藏