\n\u003C/template>\n```\n\nI think created items should emit `change` so we can validate them properly.\n\nAdditionally, because of https://github.com/nuxt/ui/issues/3736,the field always starts in an error state when a new item is created in certain conditions (regardless of whether the item meets the schema's requirements or not).\n\n------\n\nCurrent workaround is to run the validation manaully on a field after mutating the model:\n\n```ts\nasync function onCreate(item: string) {\n selected.value = item\n\n await formRef.value?.validate({ name: 'fieldName' })\n}\n```",[3063,3064],{"name":3040,"color":3041},{"name":3023,"color":3024},4139,"USelectMenu should emit 'change' after creating an item","2025-05-13T09:15:02Z","https://github.com/nuxt/ui/issues/4139",0.74905795,{"description":3071,"labels":3072,"number":3076,"owner":3029,"repository":3030,"state":3031,"title":3077,"updated_at":3078,"url":3079,"score":3080},"### 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",[3073,3074,3075],{"name":3040,"color":3041},{"name":3023,"color":3024},{"name":3026,"color":3027},4581,"SelectMenu: Compound label","2025-07-23T16:38:06Z","https://github.com/nuxt/ui/issues/4581",0.7664783,{"description":3082,"labels":3083,"number":3087,"owner":3029,"repository":3030,"state":3031,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### Description\n\nI want to make the text in a custom slot for a tree item child selectable.\nThe issue is that `user-select: text` doesn’t work on `\u003Cbutton>` elements in Safari (I’m using a Tauri app).\n\nIt would be great if the component allowed using a custom slot that avoids rendering a \u003Cbutton> for certain items. (Perhaps a new slot could be added to allow custom rendering?).\n\n\u003Cimg width=\"1217\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/39cf6666-e3c9-48f4-a922-90a57d604feb\" />\n\n\n### Additional context\n\n_No response_",[3084,3085,3086],{"name":3040,"color":3041},{"name":3023,"color":3024},{"name":3026,"color":3027},4424,"Ability to not use button container for tree custom slot","2025-06-30T07:50:57Z","https://github.com/nuxt/ui/issues/4424",0.7735486,{"description":3093,"labels":3094,"number":3097,"owner":3029,"repository":3030,"state":3098,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### Description\n\nWhen using \u003CUNavigationMenu> with onSelect (instead of to), there's no way to manually set the active state on items. It would be helpful to support an active prop or a value binding (like in buttons #3417) to reflect the selected state visually.\n\n### Additional context\n\n_No response_",[3095,3096],{"name":3040,"color":3041},{"name":3023,"color":3024},4185,"closed","Allow `active` style on `UNavigationMenu` items when using `onSelect`","2025-05-19T15:38:25Z","https://github.com/nuxt/ui/issues/4185",0.7246377,{"description":3104,"labels":3105,"number":3111,"owner":3029,"repository":3030,"state":3098,"title":3112,"updated_at":3113,"url":3114,"score":3115},"### Description\n\nWhen adding input tags, it would be awesome to have the ability to run logic that has the ability to stop the tag from being added\n\n### Additional context\n\n_No response_",[3106,3107,3108],{"name":3040,"color":3041},{"name":3023,"color":3024},{"name":3109,"color":3110},"upstream","78bddb",4406,"Validation Logic","2025-07-12T12:38:24Z","https://github.com/nuxt/ui/issues/4406",0.75292397,{"description":3117,"labels":3118,"number":3128,"owner":3029,"repository":3030,"state":3098,"title":3129,"updated_at":3130,"url":3131,"score":3132},"### Description\n\nCurrently, I want to use the InputMenu for URL suggestions. The user can choose whether they want to select one of the suggestions or enter their own URL. There are several InputMenus, which means that the user usually wants to jump to the next field using the tab key. \n\nHowever, this is not so easy with the InputMenu. With `create-items`, the field expects a click or enter to be entered. There is no autocreate. \n\nI have also tried using `update:search-terms`, which worked well as long as the user treated it as a pure input field. However, in this case, no suggestions appear. And if the user selects a suggestion, the VModel is also empty – more precisely, it gets a value and is deleted shortly afterwards.\n\nTherefore, it would be desirable if create-items could be set to transfer the input to the V-Model immediately, or if there was a general mode in which the input field treats the suggestions as optional.\n\n\n\n### Additional context\n\n_No response_",[3119,3120,3123,3124,3125],{"name":3040,"color":3041},{"name":3121,"color":3122},"needs reproduction","CB47CF",{"name":3023,"color":3024},{"name":3026,"color":3027},{"name":3126,"color":3127},"closed-by-bot","ededed",4106,"InputMenu with Autocreate","2025-05-18T02:13:24Z","https://github.com/nuxt/ui/issues/4106",0.7540293,{"description":3134,"labels":3135,"number":3141,"owner":3029,"repository":3030,"state":3098,"title":3142,"updated_at":3143,"url":3144,"score":3145},"### Description\n\nA toggle button would be very useful. The closest thing we have is radio group or checkbox group. \nInspired by:\n[VBtnToggle](https://vuetifyjs.com/en/components/button-groups/)\n[VChipGroup](https://vuetifyjs.com/en/components/chip-groups/#usage)\n\nSimilar functionality could be achieved on RadioGroup by making unchecking possible (so null values are selectable)\nAND/OR\nBy adding a v-model to the button component, and model-active variants (so you can change the color, varient, icon, etc when checked). The model would be either a Boolean or an array of values similar to Vuetify.\n\n### Additional context\n\n_No response_",[3136,3139,3140],{"name":3137,"color":3138},"duplicate","cfd3d7",{"name":3040,"color":3041},{"name":3023,"color":3024},4246,"[Button] Toggle / V-Model","2025-05-28T17:19:55Z","https://github.com/nuxt/ui/issues/4246",0.76182264,["Reactive",3147],{},["Set"],["ShallowReactive",3150],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fHayPHE7ih_lgzyFCnDYPJdkPMZw1pW1jlac0e0gzU5I":-1},"/nuxt/ui/4463"]