diff --git a/packages/vuetify/src/components/VList/VList.tsx b/packages/vuetify/src/components/VList/VList.tsx index 7839eea1817a..52ced10afbb0 100644 --- 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 index a9cbc02eadc2..da155a351347 100644 --- 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: &