如何制作类似 Material UI 的 Gmail 任务工具栏答案

【问题标题】：How To make similar Material UI Gmail Tasks Toolbar如何制作类似 Material UI 的 Gmail 任务工具栏
【发布时间】：2019-06-23 21:16:35
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

不太确定您要的是什么，但如果只是制作屏幕截图所需的 CSS，那么也许这会有所帮助：

我正在使用 CSS 库 styled-components，以防您不想在 CSS 中处理 Material-UI 的 javascript。

【讨论】：