Tabs scroll X

Good evening, I’m using the Tabs component, except I’ll have enough tabs and need to scroll x, anyone know if it is possible?

1 Like

I don’t think it will work “out of the box”. Tabs are designed to responsively take up X% of the view based on the number of tabs.

You can try dabbling with putting the whole tab view in in <ion-scroll>. I don’t think it would look very pretty though.

Hello, any other work around ? or any possibility of release this feature with framework ?

SOLVED

.tabbar has a property of “justify-content: center” and that’s throwing everything off. You’ll also need “overflow: scroll” on the .tabbar.

If you make the property “justify-content: left !important” then it forces the hidden content back into the viewport and you’re able to scroll the whole way!