Прозрачный AppBar в Material-UI (React)

Question

Есть ли способ изменить свойство background моего компонента material-ui AppBar на прозрачный без необходимости изменять CSS?

Я пробовал свойство непрозрачности, но это уменьшает непрозрачность всего, что внутри компонента, кажется.

Ниже приведен пример того, что я имею в виду на сайте Stripe.

Answer 1

Вы можете изменить цвет фона на прозрачный и убрать тень с рамки следующим образом:

<AppBar position="static"  style={{ background: 'transparent', boxShadow: 'none'}}>