diff --git a/packages/vuetify/src/components/VList/VListChildren.tsx b/packages/vuetify/src/components/VList/VListChildren.tsx index 9f817579f14..0c0b102e9fe 100644 --- a/packages/vuetify/src/components/VList/VListChildren.tsx +++ b/packages/vuetify/src/components/VList/VListChildren.tsx @@ -67,8 +67,9 @@ export const VListChildren = genericComponent( return children ? ( {{ activator: ({ props: activatorProps }) => { diff --git a/packages/vuetify/src/components/VList/VListGroup.tsx b/packages/vuetify/src/components/VList/VListGroup.tsx index 2d94ce78e31..bcf593f6bb4 100644 --- a/packages/vuetify/src/components/VList/VListGroup.tsx +++ b/packages/vuetify/src/components/VList/VListGroup.tsx @@ -43,6 +43,7 @@ export const makeVListGroupProps = propsFactory({ type: IconValue, default: '$expand', }, + id: String, prependIcon: IconValue, appendIcon: IconValue, fluid: Boolean, @@ -61,7 +62,7 @@ export const VListGroup = genericComponent()({ setup (props, { slots }) { const { isOpen, open, id: _id } = useNestedItem(toRef(props, 'value'), true) - const id = computed(() => `v-list-group--id-${String(_id.value)}`) + const id = computed(() => `v-list-group--id-${String(props.value ?? _id.value)}`) const list = useList() const { isBooted } = useSsrBoot() diff --git a/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx b/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx index 100944f134a..89a88fdfc7c 100644 --- a/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx +++ b/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx @@ -128,7 +128,7 @@ export const VTreeviewChildren = genericComponent {{ activator: ({ props: activatorProps }) => {