\n \u003C/template>\n \u003CUButton\n label=\"Open\"\n color=\"neutral\"\n variant=\"subtle\"\n trailing-icon=\"i-lucide-chevron-down\"\n block\n />\n \u003C/UCollapsible>\n\n### Additional context\n\n_No response_",[3038,3039,3040],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4146,"Can we add a reverse prop for collapsible.","2025-05-13T21:49:55Z","https://github.com/nuxt/ui/issues/4146",0.7839766,{"description":3047,"labels":3048,"number":3052,"owner":3028,"repository":3029,"state":3030,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### 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",[3049,3050,3051],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4581,"SelectMenu: Compound label","2025-07-23T16:38:06Z","https://github.com/nuxt/ui/issues/4581",0.78414166,{"description":3058,"labels":3059,"number":3063,"owner":3028,"repository":3029,"state":3030,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### Description\n\nRadioGroup has 3 styles that dramatically change the look. Which is a bit contrary to the overall UI concept of the library. After all, in all components variant changes only the color, not the entire rendering.\n\nI propose to add variants: solid, outline, soft, subtle, ghost. Styles can be taken from Button.\n\nAnd the current styles list, card, table should be moved to a new props, but I don't know what to call it.\n\n### Additional context\n\nOccasionally there is a need to make a visual button, but to work as radio",[3060,3061,3062],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4545,"Expand RadioGroup and bring it to a common style","2025-07-17T15:53:35Z","https://github.com/nuxt/ui/issues/4545",0.7863334,{"description":3069,"labels":3070,"number":3073,"owner":3028,"repository":3029,"state":3074,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### Description\n\nThis would be a new prop for `UInputTags` that would allow you to set a max length on the items being added. \n\n```\n\u003CInputTags v-model=\"items\" :max-item-length=\"25\" />\n\nconst items = ref([\n \"ok\",\n \"this one would not be ok because of how long it is\"\n])\n```\n\nThough, you could use something like Zod to do form validation, I think this could just apply a `maxlength` to the input itself to prevent typing more than the limit.\n\n### Additional context\n\n_No response_",[3071,3072],{"name":3019,"color":3020},{"name":3022,"color":3023},4405,"closed","InputTags max item length","2025-07-01T08:35:33Z","https://github.com/nuxt/ui/issues/4405",0.72101057,{"description":3080,"labels":3081,"number":3085,"owner":3028,"repository":3029,"state":3074,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### 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_",[3082,3083,3084],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},3994,"[CheckboxGroup] Add `variant=\"table\"` to match RadioGroup variants","2025-05-13T12:28:16Z","https://github.com/nuxt/ui/issues/3994",0.7262358,{"description":3091,"labels":3092,"number":3096,"owner":3028,"repository":3029,"state":3074,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### Description\n\nI want to allow multiple values selection in radio group, but cannot find any prop of way from the documentation\n\n### Additional context\n\n_No response_",[3093,3094,3095],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4143,"Multiple Value selection in radio group","2025-05-13T13:57:53Z","https://github.com/nuxt/ui/issues/4143",0.72887796,{"description":3102,"labels":3103,"number":3108,"owner":3028,"repository":3029,"state":3074,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Description\n\nHey there!\n\nI am currently doing migration of https://www.nuxt-commerce.dev/ from Nuxt UI 2->3 (it was so good experience - kudos to you!).\n\nI finished migrating almost everything apart from one thing - the Select component that has Nuxt Links inside. Basically the NuxtLink does not seem to work - the page is not changing after clicking (while the selected value is correctly updated to the clicked one. Do you know what could be the issue?\n\nThe code I use looks like this:\n\n```html\n\u003Ctemplate>\n \u003CUSelect\n v-model=\"selected\"\n value-key=\"value\"\n :items=\"selectOptions\"\n >\n {{ selected }}\n \u003Ctemplate #item=\"{ item }\">\n \u003CNuxtLink\n :to=\"`/collection/${item?.to}`\"\n >\n \u003Cp>{{ item?.value }}\u003C/p>\n \u003C/NuxtLink>\n \u003C/template>\n \u003C/USelect>\n\u003C/template>\n\n\n\u003Cscript setup lang=\"ts\">\nconst selectOptions = computed(() => {\n return props.collections?.edges.map(({ node }) => ({\n value: node.title,\n to: node.handle,\n }))\n})\n\nconst selected = ref(\n selectOptions.value?.find(\n option => route.params.handle && option.to === route.params.handle[0],\n )?.value,\n)\n\u003C/script>\n```",[3104,3107],{"name":3105,"color":3106},"question","d876e3",{"name":3022,"color":3023},3443,"Does Select work with NuxtLink/UI Link?","2025-03-04T09:18:16Z","https://github.com/nuxt/ui/issues/3443",0.74938285,{"description":3114,"labels":3115,"number":3118,"owner":3028,"repository":3029,"state":3074,"title":3119,"updated_at":3120,"url":3121,"score":3122},"### Description\n\nCurrently, the Select components items popover does not display a scrollbar, even though the content is scrollable. This may confuse users, as they might not realize there are additional options available beyond what is initially visible. While in some cases the partial display of the last cut-off item may hint that more options are available, it is not ideal to rely on this visual cue alone.\n\nExample from the Select Component docs:\n\nIt seems like `Broccoli` is the last item:\n\n\nBut it is not:\n\n\n### Additional context\n\nhttps://ui.nuxt.com/components/select#items",[3116,3117],{"name":3019,"color":3020},{"name":3022,"color":3023},4069,"Scrollbar for Select Component","2025-05-23T15:41:53Z","https://github.com/nuxt/ui/issues/4069",0.75294733,{"description":3124,"labels":3125,"number":3129,"owner":3028,"repository":3029,"state":3074,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### Description\n\nAs the title says, I think it would be nice to introduce a prop named `square` (like the one for the `Button` component) to be able to have a squared badge for those times where you have only the `icon` and not a label.\n\nCan I get this assigned? I would like to open a PR about this :)\n\n### Additional context\n\n_No response_",[3126,3127,3128],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4006,"[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.75973904,["Reactive",3135],{},["Set"],["ShallowReactive",3138],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fL1vAxf223qQYH8741IVaF5xoEAJGxC76y-eg-PSy-sA":-1},"/nuxt/ui/4057"]