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

时间:2019-01-30 14:43:41

标签: reactjs material-design material-ui react-material

您好,我想知道如何复制与新版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

1 个答案:

答案 0 :(得分:0)

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

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

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