feat(dropdown, nav-item-dropdown): support menuClass and extraMenuCla…

…sses (#1683)
bootstrap-vue · Mar 31, 2018 · 3da5f18 · 3da5f18
1 parent e3336c5
commit 3da5f18
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/src/components/dropdown/dropdown.js b/src/components/dropdown/dropdown.js
@@ -95,6 +95,10 @@ export default {
       type: String,
       default: null
     },
+    menuClass: {
+      type: [String, Array],
+      default: null
+    },
     toggleClass: {
       type: [String, Array],
       default: null
@@ -135,8 +139,11 @@ export default {
     menuClasses () {
       return [
         'dropdown-menu',
-        this.right ? 'dropdown-menu-right' : '',
-        this.visible ? 'show' : ''
+        {
+          'dropdown-menu-right': this.right,
+          'show': this.visible
+        },
+        this.menuClass
       ]
     },
     toggleClasses () {

diff --git a/src/components/nav/nav-item-dropdown.js b/src/components/nav/nav-item-dropdown.js
@@ -72,7 +72,8 @@ export default {
       return [
         'dropdown-menu',
         this.right ? 'dropdown-menu-right' : 'dropdown-menu-left',
-        this.visible ? 'show' : ''
+        this.visible ? 'show' : '',
+        this.extraMenuClasses ? this.extraMenuClasses : ''
       ]
     }
   },
@@ -86,6 +87,11 @@ export default {
       type: String,
       default: ''
     },
+    extraMenuClasses: {
+      // Extra Menu classes
+      type: String,
+      default: ''
+    },
     role: {
       type: String,
       default: 'menu'