feat(VList): add nav prop support

vuetifyjs · Jun 10, 2021 · 55fbdcb · 55fbdcb
1 parent 619f00e
commit 55fbdcb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VList/VList.tsx b/packages/vuetify/src/components/VList/VList.tsx
@@ -28,6 +28,7 @@ export default defineComponent({
       type: String,
       default: 'one',
     },
+    nav: Boolean,
     ...makeBorderProps(),
     ...makeDensityProps(),
     ...makeDimensionProps(),
@@ -53,6 +54,7 @@ export default defineComponent({
             'v-list',
             {
               'v-list--disabled': props.disabled,
+              'v-list--nav': props.nav,
               [`v-list--${props.lines}-line`]: true,
             },
             themeClasses.value,

diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
@@ -85,6 +85,9 @@
 
   @include typography($list-item-subtitle-typography...)
 
+  .v-list--nav &
+    @include typography($list-item-nav-subtitle-typography...)
+
 .v-list-item-title
   hyphens: $list-item-title-hyphens
   overflow-wrap: $list-item-title-overflow-wrap
@@ -97,6 +100,9 @@
 
   @include typography($list-item-title-typography...)
 
+  .v-list--nav &
+    @include typography($list-item-nav-title-typography...)
+
 .v-list-item
   $root: &