Tabs

Набор компонентов для создания вкладок.

Storybook
Live Editor

Result

Tabs

Основной компонент, контейнер вкладок.

TabItem

Элемент списка. Нельзя использовать вне компонента Tabs.

Смена тега

По умолчанию компоненты вкладок используют теги <div> и <button> для Tabs и TabItem соответственно. Иногда может понадобиться сменить эти теги на теги маркированных списков <ul> и <li>. Чтобы сделать это, используйте свойство forwardedAs:

Live Editor

Result

Подскрол табов

Если нужно чтобы выбранный таб всегда был виден. Используйте свойство autoscroll

Live Editor

Result