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

Question

Привет, мне было интересно, как воспроизвести подобный стиль, как в новом приложении Gmail Tasks. Новый пользовательский интерфейс Gmail основан на дизайне материалов.

Поскольку я делаю надстройку 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

Я использую стилевые компоненты библиотеки CSS, на случай, если вы не хотите иметь дело с JavaScript-кодом Material-UI в CSS.