Хочу установить boxShadow и borderRadius по умолчанию и добавить его в тему Material UI в проекте material-UI react

#reactjs #material-ui

#reactjs #material-ui

Вопрос:

Я хочу, чтобы border-radius: 4px; box-shadow: 0 1px 4px 0 rgba (0,0,0,0.24); применялся к каждой границе, используемой на моем веб-сайте. Я попытался переопределить тему в Material UI, но я не уверен, как изменить boxShadow в теме и установить его по умолчанию, чтобы мне не приходилось применять его для каждого отдельного элемента на веб-сайте

Комментарии:

1. Вы просмотрели эту часть документации? material-ui.com/customization/default-theme Вы можете установить borderRadius с помощью shape.borderRadius = 4, и я думаю, вы могли бы установить box-shadow, установив shadows = [«0 1px 4px 0 rgba (0,0,0,0.24)»]

2. Я пробовал это, но после этого должен ли я установить для каждого отдельного имени класса значение borderRadius = theme.borderRadius?

3. Согласно тому, что я вижу в документации, он должен применяться автоматически, если вы не установите borderRadius или boxShadow вручную где-нибудь в приложении