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.
In this video I'm showing an approach about how I'm using the Vuetify's vertical tabs.
Category
🦄
CreativityTranscript
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.