How to use the Vuetify's menu popover(a practical example)

InterTuts

The Vuetify's Menu component  is a versatile and powerful UI element that allows you to create dropdowns, contextual menus, and navigation menus within your Vue.js application.  This video shows a practical example about how to use the Vuetify's menu popover.

Transcript

00:00The Vutify framework provides many components which we can use in our Vue applications to enhance them with new features.

00:17For example, I'm using Vutify's menu in my new Vue application.

00:25I'm currently creating the UI for my social scheduler app and here are the five most used social profiles.

00:42The menu is used to select more accounts or connect them.

00:51This menu is working as a popover.

00:59The menu inside is working as a dropdown and is just an example to demonstrate that the popover won't be hidden if we click over it.

01:20The usage of Vutify's menu is very simple.

01:27I just copied an example from the official documentation and then customized it by class.

01:50The Vutify framework provides many components which we can use in our Vue applications to enhance them with new features.

02:01The Vutify framework provides many components which we can use in our Vue applications to enhance them with new features.

Category

Transcript

Recommended