How to use the Vuetify's vertical tabs(a practical example)

InterTuts

The v-tabs component in Vuetify is a versatile and powerful component that allows to create tabbed interfaces. This component is used to organize content into multiple sections, with each section accessible via a tab.  In this video I'm showing an approach about how I'm using the Vuetify's vertical tabs.

Transcript

00:00I'm creating a new application in Vue using Vtfy to build the user interface and right

00:13now I'm creating the interface.

00:20The interface is very simple, here I have the created posts and here I have the most

00:33used social profiles where will be published the posts.

00:42Here will be the post composer and posts review.

00:51Here will be displayed only 5 profiles, to add more I need to click on this button.

01:02This is the Vtfy popover and in my social scheduler app I will have support for multiple

01:16social networks.

01:19For this reason I need to use the tabs because each tab will represent a social network with

01:30a connect button and below will be the connected social accounts.

01:40The tabs are used from the official Vtfy documentation, as I said before the tabs were copied from

01:55the official documentation and I just customized the example.

Category

Transcript

Recommended