\n\nIt can be worked around using `item-label` slot, but it would be nice if developer can use `items` props only to implement it for simpler way.\n\nBelow, I have tried to create it using Reka UI `combobox` component, the component used by SelectMenu.\n\n\u003Cimg width=\"329\" height=\"460\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e5cda771-3f8e-4369-bb3b-d5159f84d425\" />\n\n### Additional context\n\n_No response_",[3137,3140,3143],{"name":3138,"color":3139},"enhancement","a2eeef",{"name":3141,"color":3142},"v3","49DCB8",{"name":3144,"color":3145},"triage","ffffff",4661,"nuxt","ui","open","SelectMenu: add description props to show text below title","2025-08-06T02:19:32Z","https://github.com/nuxt/ui/issues/4661",0.7359518,{"description":3155,"labels":3156,"number":3160,"owner":3147,"repository":3148,"state":3149,"title":3161,"updated_at":3162,"url":3163,"score":3164},"### Description\n\nFor [SelectMenu](https://ui.nuxt.com/components/select-menu) seems to be no option to customize the label of the selected item, e.g. use multiple values to compose the label. Currently only one item value can be selected by prop `labelKey`, but it is not possible to use multiple values OR to even add custom html-code.\n\n**Example:**\n\n```ts\nconst items = [\n {\n id: 1,\n firstName: 'Max',\n lastName: 'Mustermann',\n },\n ...\n]\n```\n\nThe items to select can be fully customized, even with custom html code:\n\n```vue\n\u003Ctemplate #item-label=\"{ item }\">\n {{ item.firstName }} \u003Cspan class=\"text-highlighted\">{{ item.lastName}}\u003C/span>\n \u003Cdiv class=\"text-xs text-muted\">#{{ item.customerId }}\u003C/div>\n\u003C/template>\n```\n\nBut when an item is selected, the selected item can only be one value:\n\n```vue\n\u003CUSelectMenu label-key=\"lastName\" />\n```\n\n**Possible solutions:**\n\n1. Make a new label prop that accepts a function, so values can be compound:\n\n```ts\n\u003CUSelectMenu :label=\"(item) => item.firstName + ' ' + item.lastName\"\n```\n\n2. Optionally make a slot to customize the labels: \n```vue\n\u003CUSelectMenu>\n \u003Ctemplate #label=\"{ item }\">\n {{ item.firstName }} \u003Cspan class=\"text-highlighted\">{{ item.lastName}}\u003C/span>\n \u003Cspan class=\"text-xs text-muted\">#{{ item.customerId }}\u003C/span>\n \u003C/template>\n\u003C/USelectMenu>\n```\n\nP.S. the prop `labelKey` is not documented https://ui.nuxt.com/components/select-menu#props\n",[3157,3158,3159],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4581,"SelectMenu: Compound label","2025-07-23T16:38:06Z","https://github.com/nuxt/ui/issues/4581",0.7408232,{"description":3166,"labels":3167,"number":3171,"owner":3147,"repository":3148,"state":3149,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Description\n\nWhen using `multiple` with `USelectMenu` selected items can be deselected again. But when not having `multipe` option this is not the case. The select goes from undefined to a value and then can never become undefined again (without an external button).\n\nI would propose to add a new prop that allows values to be deselected, so the model becomes undefined again.\n\n### Additional context\n\n_No response_",[3168,3169,3170],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4647,"`USelectMenu`: Allow deselection of items","2025-08-02T13:00:23Z","https://github.com/nuxt/ui/issues/4647",0.7723815,{"description":3177,"labels":3178,"number":3182,"owner":3147,"repository":3148,"state":3183,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### Description\n\nThe new CheckboxGroup component lacks the `table` variant found on the RadioGroup component. Since these components will often appear together in forms, it would be preferable to have the table variant for both of them.\n\nThis is already easily achieved with the new component by adding the RadioGroup styles to the `item` ui prop. I think it should be possible to make this change just by adding the styles to checkbox-group.ts. I'm happy to make a pull request and make the changes.\n\n### Additional context\n\n_No response_",[3179,3180,3181],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},3994,"closed","[CheckboxGroup] Add `variant=\"table\"` to match RadioGroup variants","2025-05-13T12:28:16Z","https://github.com/nuxt/ui/issues/3994",0.7154897,{"description":3189,"labels":3190,"number":3198,"owner":3147,"repository":3148,"state":3183,"title":3199,"updated_at":3200,"url":3201,"score":3202},"### Description\n\nTo enhance user experience in some cases we can show selected values as Badges(chips) and it helps the user to see selected values. It can even deselect it without the need to open the list and find between long items. \r\n\r\neg: \r\n\r\n\r\n\r\n\r\nIt can be very helpful for developers and it's a handy feature.\r\n\r\nI implemented it and I will make PR for that soon :).\r\n\n\n### Additional context\n\n_No response_",[3191,3192,3193,3196],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3194,"color":3195},"closed-by-bot","ededed",{"name":3197,"color":3195},"stale",1088,"Badges as display value for SelectMenu component","2025-08-18T02:13:52Z","https://github.com/nuxt/ui/issues/1088",0.7428314,{"description":3204,"labels":3205,"number":3208,"owner":3147,"repository":3148,"state":3183,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Description\n\nUSelect displays the label of the selected value. It might be interesting to add a slot to display another key when item is an object instead of the chosen label for some use case.\n\nMy own use case is picking the language :\n\n```\nconst items = [\n { value: 'en', label: 'English' },\n { value: 'fr', label: 'Français' },\n (...)\n]\n```\n\nMy open selection would display flags and labels, but once selected, the component would only display the value ('en' or 'fr' or ...). Could be the icon as well.\n\nProposal :\n\nselectLabelKey : When items is an array of objects, select the field to use as the label for the picked value on the base component (instead of labelKey)\n\n### Additional context\n\n_No response_",[3206,3207],{"name":3138,"color":3139},{"name":3141,"color":3142},4157,"USelect base text display","2025-05-23T12:25:54Z","https://github.com/nuxt/ui/issues/4157",0.7531881,{"description":3214,"labels":3215,"number":3219,"owner":3147,"repository":3148,"state":3183,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Description\n\nI’ve been trying to display an avatar with a chip inside a `UCommandPalette` item (and `UButton`, …), but it looks like this use case isn't currently supported. \n\n### Additional context\n\n_No response_",[3216,3217,3218],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},3827,"[UCommandPalette] Support for avatars with chips in `UCommandPalette` items (and `UButton`, …)","2025-05-28T10:46:31Z","https://github.com/nuxt/ui/issues/3827",0.755475,{"description":3225,"labels":3226,"number":3229,"owner":3147,"repository":3148,"state":3183,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Description\n\nI'm making a voting system visualizer with Nuxt UI.\n\n\n\nHere, I need to add ❌ for unchecked items, which doesn't seem easy now.\n\n### Additional context\n\n_No response_",[3227,3228],{"name":3138,"color":3139},{"name":3141,"color":3142},4039,"Supports changing unchecked icon of `\u003CUCheckbox>` `\u003CUCheckboxGroup>`","2025-05-23T13:21:58Z","https://github.com/nuxt/ui/issues/4039",0.75764596,{"description":3235,"labels":3236,"number":3241,"owner":3147,"repository":3148,"state":3183,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### Description\n\nIt might be useful to add a prop to limit the maximum number of items that can be selected in a CheckboxGroup or MultiSelect. \nOnce the limit is reached, the remaining items become disabled, preventing further selection.\n\n### Additional context\n\n_No response_",[3237,3238,3239,3240],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3194,"color":3195},{"name":3197,"color":3195},4057,"Add a selectionLimit prop to CheckboxGroup and MultiSelect components","2025-08-20T02:08:49Z","https://github.com/nuxt/ui/issues/4057",0.76468635,{"description":3247,"labels":3248,"number":3253,"owner":3147,"repository":3148,"state":3183,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Description\n\nIt is possible add an slot named `option-append` which will be after the menu content?\r\nFor example it will be useful to add an intersection observer when creating an infinite scroll select.\n\n### Additional context\n\n_No response_",[3249,3250,3252],{"name":3138,"color":3139},{"name":3251,"color":3145},"wontfix-v2",{"name":3141,"color":3142},1167,"`USelectMenu` option-append","2025-05-23T15:24:34Z","https://github.com/nuxt/ui/issues/1167",0.76484334,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fCq0ktI1PmJKmOaAeuFXNo79OKjT07Vr6kf3nPJWZsss":-1},"/nuxt/ui/4848"]