To add the Dropdown we have three types of components the main vs-dropdown that contains the element that makes the vs-dropdown-menu appear and to add each item within it we have the component vs-dropdown-item
To add an internal link using vue-router you can do them simply by adding the property to as if it were a vue-router link
\r\nIn case you need an external link or normal html, simply do it with the href property
\r\nYou can change the color of the component with the property color
If you need to group the options you can use the subcomponent vs-dropdown-group which as a required parameter is vs-label to define the group title
The group can be hidden from the user and only open when it is sitting on the property with the vs-collapse property
You can modify the icon with a property vs-icon
Sometimes when we need something more personalized and not necessarily a menu for it you can add any content and have the dropdown functionality with the property vs-custom-content
For better functionality in the user's aspect when doing some interaction with the custom dropdown you can add that it is only activated and deactivated by a click event with the property vs-trigger-click
You can customize the component or element that initialize the dropdown in this case, it is a Button that is the most common
\r\n\r\nThe component or element that initializes the dropdown is the one inside it with the possibility of total customization and flexibility in the required use
\r\nVuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official Material Icons page.
\r\nFontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.
\r\n