Toggle contextual overlays for displaying lists of links and more with the BootstrapVue dropdown plugin.
Examples
Colors
The best part is you can do this with any button variant, too:
Props
PROP NAME |
TYPE |
DEFAULT |
DESCRIPTION |
tag |
String |
div |
Dropdown html tag (e.g div, ul etc) |
titleTag |
String |
button |
Dropdown title (toggle) html tag |
title |
String |
N/A |
Dropdown title |
direction |
String |
down |
Dropdown menu direction (up-down) |
icon |
String |
N/A |
Dropdown icon |
titleClasses |
String / Object / Array |
N/A |
Title css classes |
menuClasses |
String / Object |
N/A |
Menu css classes |
menuOnRight |
Boolean |
N/A |
Whether menu should appear on the right |
hasToggle |
Boolean |
true |
Whether dropdown has arrow icon shown |
If you want to see more examples and properties please check the official BootstrapVue Documentation.