Add a prop in the <Tab> for scrollable=true when the tab bar is wider than the screen.

[TheMassapequaTutor]

On which framework/platform would you like to see this feature implemented?

React

Which UI component is this feature-request for?

Authenticator

Please describe your feature-request in detail.

Now when the screen is narrower than the tabs bar, like on a phone, the menu is cut off as shown in the picture above.

I don't know of a way to wrap the tabs in a ScrollArea to get the same effect.

Please describe a solution you'd like.

It would look like this:

<Tabs scrollable={true} >
....
</Tabs>

this would be similar to this library or material UI library

We love contributors! Is this something you'd be interested in working on?

• [ ] 👋 I may be able to implement this feature request.
• [ ] ⚠️ This feature might incur a breaking change.

[judygab]

Can I work on this?

[zchenwei]

Can I work on this?

Of course! We welcome and encourage contributions :)

[zchenwei]

@TheMassapequaTutor This is a nice feature. In the meantime, could this simply be addressed by setting overflow: scroll to the container? Or wrapping it in a <ScrollView> to get the scrollable effect?