Изменить положение индикатора вкладок в пользовательском интерфейсе материала

Question

Я пытаюсь установить положение индикатора сверху TAB, а не снизу, например:

Я проверил и попробовал обновить CSS но это не сработало. Я новичок, чтобы реагировать, поэтому я не мог настроить компоненты.

Answer 1

Я создаю пример в CodeSandbox, которым я делюсь с вами.

https://codesandbox.io/s/usage-p0y9t?file= / index. js

Вы можете передать на вкладки классы свойств переопределить внутренние классы. В этом случае вы можете передать новый класс индикатору и переопределить его стиль. Взгляните на ссылку ниже

https://material-ui.com/api/tabs/#css