Как реализовать пользовательский цвет индикатора вкладки в Material-UI v1

Question

У меня на рабочем месте работает MUI v1 beta 32, очень приятно.Время обновить до v1!Пока что изменения были очень простыми.В основном это вопрос обновления тегов импорта.

Но я столкнулся с проблемой с моим выбранным индикатором <Tab/>.Я использовал переопределение стиля rootInheritSelected, чтобы применить цвет по своему выбору.

Как реализовать его в v1?

Answer 1

В конце концов я обнаружил, что все гораздо проще:

<Tabs
  textColor="inherit"
  fullWidth
  centered
  classes={{
    indicator: classes.indicator
  }}>
    <Tab />
    <Tab />
</Tabs>

и стили:

const styles = theme => ({
  indicator: {
    backgroundColor: 'white',
  },
})