Как сделать похожий материал UI Gmail Tasks Toolbar

Question

Привет. Мне было интересно, как повторить стиль, аналогичный новому приложению Gmail Tasks.Новый пользовательский интерфейс Gmail основан на Material Design.

Поскольку я создаю надстройку Gmail для React & InboxSDK, я хотел бы повторить внешний вид.В настоящее время я использую эту библиотеку компонентов пользовательского интерфейса для материалов: https://material -ui.com / demos / app-bar /

Я предполагаю, что это достигается путем ввода select какпервый компонент на панели инструментов: https://material -ui.com / demos / selects *

Скриншот панели инструментов приложения Gmail "Сохранить"

Answer 1

Не совсем уверен, о чем вы спрашиваете, но если вам нужен просто CSS, чтобы сделать что-то вроде вашего скриншота, то, возможно, это поможет:

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

I 'используя компоненты стиля библиотеки CSS, если вы не хотите иметь дело с JavaScript-кодом Material-UI в CSS.