Как переместить индикатор вкладок вверх при использовании React Material-UI

Question

Я использую образец Simple Tabs, и я сделал несколько стилей на таких вкладках:

, но мне нужно переместить индикатор наверх

вот так:

Я могу добавить верхнюю границу к MuiTab- root -selected, но я не могу найти способ удалить индикатор ...

это пример кода Simple Tabs

Answer 1

Вам нужны индивидуальные вкладки: https://material-ui.com/components/tabs/#customized -tabs

const StyledTabs = withStyles({
  indicator: {
    top: 0
  }
})(props => <Tabs {...props} TabIndicatorProps={{ children: <span /> }} />);

https://codesandbox.io/s/material-demo-lt920