fix(VNavigationDrawer): add missing color support

vuetifyjs · Jun 15, 2021 · 0cedcf3 · 0cedcf3
1 parent e6e6b64
commit 0cedcf3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx b/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx
@@ -10,6 +10,7 @@ import { makeTagProps } from '@/composables/tag'
 import { useDisplay } from '@/composables/display'
 import { useProxiedModel } from '@/composables/proxiedModel'
 import { makeThemeProps, useTheme } from '@/composables/theme'
+import { useBackgroundColor } from '@/composables/color'
 
 // Utilities
 import { computed, defineComponent, onBeforeMount, ref, toRef, watch } from 'vue'
@@ -22,6 +23,7 @@ export default defineComponent({
   name: 'VNavigationDrawer',
 
   props: makeProps({
+    color: String,
     disableResizeWatcher: Boolean,
     expandOnHover: Boolean,
     modelValue: {
@@ -56,6 +58,7 @@ export default defineComponent({
   setup (props, { slots }) {
     const { themeClasses } = useTheme(props)
     const { borderClasses } = useBorder(props, 'v-navigation-drawer')
+    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))
     const { elevationClasses } = useElevation(props)
     const { mobile } = useDisplay()
     const { roundedClasses } = useRounded(props, 'v-navigation-drawer')
@@ -111,11 +114,13 @@ export default defineComponent({
               'v-navigation-drawer--absolute': props.absolute,
             },
             themeClasses.value,
+            backgroundColorClasses.value,
             borderClasses.value,
             elevationClasses.value,
             roundedClasses.value,
           ]}
           style={[
+            backgroundColorStyles.value,
             layoutStyles.value,
           ]}
         >