如何制作相似的Material UI Gmail任务工具栏

Question

您好，我想知道如何复制与新版Gmail任务应用类似的样式。新的Gmail用户界面基于Material Design。

由于我正在使用React＆InboxSDK制作Gmail插件，因此我想复制外观。我当前正在使用此Material UI组件库：https://material-ui.com/demos/app-bar/

我假设这是通过将select作为工具栏中的第一部分来完成的：https://material-ui.com/demos/selects/

Gmail App "Keep" Toolbar screenshot

Answer 1

不太清楚您要的是什么，但是如果只是CSS来制作类似屏幕快照的内容，那么这可能会有所帮助：

https://stackblitz.com/edit/react-wuas6p

如果您不想在CSS中使用Material-UI的javascript，我正在使用CSS库的样式组件。