#1 Toolbar tabs
v-tabscomponent is highly customizable to suit your needs. You can get and set the currently active tab by using the
v-modelprop on the
#2 Centered tabs
Tabs can be centered by using the
centeredprop. Here we have also applied the
fixedprop which gives all tab items a fixed size, regardless of content.
Tabs are not the only thing you can put inside the
v-tabscomponent. In this example we've also added a toolbar.
#4 With search
Here is another example of additional content inside the
By using the
iconsprop you can add icons to each tab item.
growprop will make the tab items take up all available space.
If the tab items overflow their container, pagination controls will appear.
#9 Disabled scroll
You can disable the pagination controls by setting the
false. This also has the effect of removing the margins around the tab item container.