Tab

The fixed-tabs prop sets a higher minimum width and applies a new maximum width to v-tabs-items. On desktop screens, the tab items will be centered within the v-tabs component and switch to evenly fill on mobile.

The right prop aligns the tabs to the right

Tabs are not the only thing you can put inside the v-tabs component. In this example we've also added a toolbar.

Here is another example of additional content inside the v-tabs component.

By using the icons-and-text prop you can add icons to each tab item.

Make v-tabs lined up with the v-toolbar-title component (v-toolbar-side-icon or v-btn must be used in v-toolbar). May not work if the tab text is wrapped.

The grow prop will make the tab items take up all available space.

You can use a menu to hold additional tabs, swapping them out on the fly

If the tab items overflow their container, pagination controls will appear.

prev-icon and next-icon can be used for applying custom pagination icons.