reactjs - 如何制作类似 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 应用“保留”工具栏屏幕截图

Answer 1

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

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

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