Multiple tabs with horizontal scroll

Questions
1

Hi, I am using the tabs component for a page in my app. I have a problem though.
The page has a lot of tabs, and the toolbar tabbar toolbar-top component by default resizes the size of the links to the tabs. I would like to have a sort of horizontal scroll for the tab, is it possible?

Here a snippet of my tabs:

<div class="toolbar tabbar toolbar-top">
            <div class="toolbar-inner">
                <a class="tab-link" href="./1" data-route-tab-id="tab-restaurant-1"">Tab 1</a>
                <a class="tab-link" href="./2" data-route-tab-id="tab-restaurant-2"">Tab 2</a>
                <a class="tab-link" href="./3" data-route-tab-id="tab-restaurant-3"">Tab 3</a>
                <a class="tab-link" href="./4" data-route-tab-id="tab-restaurant-4"">Tab 4</a>
                <a class="tab-link" href="./5" data-route-tab-id="tab-restaurant-5"">Tab 5</a>
                <a class="tab-link" href="./6" data-route-tab-id="tab-restaurant-6"">Tab 6</a>
            </div>
        </div>

All these links, are collapsed in the device width size. I would like to have a kind of horizontal overflow, with the ability to scroll the tab links

2

Yes. You need to use scrollable tabbar

1 Like