TabPanel scrollable?

[leon2835]

Hi there, is it anyway to scroll inside the tabPanel only? e.g
| Tabs1 | Tabs 2 | Tabs3 |

| //TabPanel section scrollable if height exceed screen height |
Thank You

[vieyama]

give the style on your TabList, example :
<TabList style={{ position: "fixed", width: "100%" }} >

and give padding top to the TabPanel:
<TabPanel style={{ paddingTop: "50px" }}>

[deflexable]

@vieyama doing this stops the controlled feature

[alexpapworth]

Hello, here is a simple solution to achieve scrollable tabs.

1. Add a container around <TabList> and assign overflow: scroll.
2. Assign width: max-content; to .react-tabs__tab-list

Demo available here: https://codepen.io/alexpapworth/pen/eYaNorx