From bcdc879cbcecb1527449e9aa07b3620703f75faa Mon Sep 17 00:00:00 2001 From: Johnson Towoju Date: Tue, 5 May 2026 20:08:21 +0100 Subject: [PATCH] docs(select-menu): add heading for grouped items and update example code --- docs/content/docs/2.components/select-menu.md | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/docs/content/docs/2.components/select-menu.md b/docs/content/docs/2.components/select-menu.md index 02c13cb6c0..4b796c430d 100644 --- a/docs/content/docs/2.components/select-menu.md +++ b/docs/content/docs/2.components/select-menu.md @@ -110,7 +110,10 @@ props: Unlike the [`Select`](/docs/components/select) component, the SelectMenu expects the whole object to be passed to the `v-model` directive or the `default-value` prop by default. :: -You can also pass an array of arrays to the `items` prop to display separated groups of items. +### Grouped Items +You can pass an array of arrays to the `items` prop to display separated groups of items. + +Use the label property to name each group heading. ::component-code --- @@ -125,12 +128,16 @@ external: props: modelValue: 'Apple' items: - - - Apple + - - type: label + label: Fruits + - Apple - Banana - Blueberry - Grapes - Pineapple - - - Aubergine + - - type: label + label: Vegetables + - Aubergine - Broccoli - Carrot - Courgette