[joy-ui][Tabs] Add scrollable prop or demo

[monolithed]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

https://codesandbox.io/s/frosty-pond-smy9fc

Current behavior 😯

Expected behavior 🤔

The only reason I continue to use Ant Design so far is the Tabs component. I would like to achieve similar behavior so that the component can be used on mobile devices.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[olibo733]

I can take a look at the issue. Will be back with more details on the progress

[danilo-leal]

cc @zanivan @siriwatknp I think we're missing something similar to Material UI's Scrollable tabs. Rephrased this issue's title so it can cover that!

[monolithed]

@danilo-leal, could you tell me is it possible to implement a dropdown menu as an alternative to scrolling? Just scrolling may not be very user-friendly on mobile devices, especially if the tab list is large or located at the bottom of the page.

[olibo733]

cc @zanivan @siriwatknp I think we're missing something similar to Material UI's Scrollable tabs. Rephrased this issue's title so it can cover that!

I would really like to work on this issue. Should I adapt it to be scrollable instead, or should I do as suggested in the original post?

[zanivan]

Should I adapt it to be scrollable instead, or should I do as suggested in the original post?

I believe this is kinda specific to be a prop, so we could wait a bit more for upvotes on this issue before working on it (please, @siriwatknp correct me if I'm wrong).

However, we really could have demos for both styles meanwhile. One for scrollable tabs, as @danilo-leal said, and one with the dropdown menu, as @monolithed suggested—this way we can also use the data on Google Analytics to check which one is more used and therefore has more potential to be added as a prop.

[danilo-leal]

This discussion is getting to a great place! But, I just realized this issue is actually a dupe (#34974) ⎯ so I'll close it in an effort to gather all conversation in one place.