\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_",[2872,2873,2874],{"name":2853,"color":2854},{"name":2856,"color":2857},{"name":2859,"color":2860},4146,"Can we add a reverse prop for collapsible.","2025-05-13T21:49:55Z","https://github.com/nuxt/ui/issues/4146",0.7839766,{"description":2881,"labels":2882,"number":2886,"owner":2862,"repository":2863,"state":2864,"title":2887,"updated_at":2888,"url":2889,"score":2890},"### Description\n\nI propose the addition of a UTheme component which would allow scoped theming of components to reduce repeated styling that's error prone when refactoring.\n\n## Example\nThe Dashboard template has a bunch of forms that have horizontal form fields (label left, input right).\n\nBefore:\n```html\n\u003CUForm ...>\n \u003CUFormField ... class=\"flex max-sm:flex-col justify-between items-center gap-4\">\n ...\n \u003CUFormField>\n \u003CUFormField ... class=\"flex max-sm:flex-col justify-between items-center gap-4\">\n ...\n \u003CUFormField>\n\u003CUForm/>\n```\n\nAfter:\n```html\n\u003C!-- `ui` prop is the same as `app.config.ts` theming config\n\u003CUTheme :ui=\"{\n formField: {\n\t slots: {\n\t root: \"flex max-sm:flex-col justify-between items-center gap-4\",\n\t},\n },\n}\">\n \u003CUForm ...>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUFormField ...>\n ...\n \u003CUFormField>\n \u003CUForm/>\n\u003C/UTheme>\n```\n\n## Benefits\n- Easily componentized. I could create a `AppForm` component which contains the `UTheme` usage with a slot, so now its 1 line to get the exact theming that I want. This makes consistency across the app really easy.\n- Nestable - If implemented with provide/inject, you could have an infinite number of UTheme's nested and it would take the latest one\n\n## Implementation\nI'd tentatively be willing to implement this. My approach would be:\n- Create `UTheme`, it should have a `ui` and `uiPro` prop, each of which take the same type as the `app.config.ts`\n- `provide()` those props\n- `inject()` those props into each component and merge with passed in `ui` field.\n- Theme priority order should be:\n 1. `ui` prop passed to component\n 2. `ui` prop coming from UTheme component\n 3. `ui` config coming from `app.config.ts`\n\n### Additional context\n\n_No response_",[2883,2884,2885],{"name":2853,"color":2854},{"name":2856,"color":2857},{"name":2859,"color":2860},4250,"UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.78649604,{"description":2892,"labels":2893,"number":2897,"owner":2862,"repository":2863,"state":2864,"title":2898,"updated_at":2899,"url":2900,"score":2901},"### Description\n\nI've used [Quasar's tree-component with checkboxes](https://quasar.dev/vue-components/tree#tick-strategy) as a form element in several use-cases. It's an extremely useful element for hierarchical content when it makes sense that the user is able to see all options simultaneously (i.e. not hidden in a dropdown or something similar).\n\nI can see that this component variant is mentioned on [Reka-ui's docs page](https://reka-ui.com/docs/components/tree#with-checkbox).\n\nAre there any plans to add this?\n\n### Additional context\n\n_No response_",[2894,2895,2896],{"name":2853,"color":2854},{"name":2856,"color":2857},{"name":2859,"color":2860},4243,"UTree with checkboxes","2025-05-28T13:19:10Z","https://github.com/nuxt/ui/issues/4243",0.7882994,{"description":2903,"labels":2904,"number":2909,"owner":2862,"repository":2863,"state":2864,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Description\n\nIs there a way to add custom props to a component for styling—similar to how variant works for buttons? I’d like to add variant support to FormField, but currently, it only supports size.\n\nMy main goal is to allow styling of components provided by my Nuxt module. Ideally, I want to define variants and extra props via app.config.ts. An alternative approach I'm thinking of is to offer per-component config options, similar to Nuxt UI, but managed separately from its config.",[2905,2908],{"name":2906,"color":2907},"question","d876e3",{"name":2856,"color":2857},4148,"Additional props like variants for styling","2025-05-14T12:47:31Z","https://github.com/nuxt/ui/issues/4148",0.78891397,{"description":2915,"labels":2916,"number":2920,"owner":2862,"repository":2863,"state":2921,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### 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_",[2917,2918,2919],{"name":2853,"color":2854},{"name":2856,"color":2857},{"name":2859,"color":2860},3994,"closed","[CheckboxGroup] Add `variant=\"table\"` to match RadioGroup variants","2025-05-13T12:28:16Z","https://github.com/nuxt/ui/issues/3994",0.7262358,{"description":2927,"labels":2928,"number":2932,"owner":2862,"repository":2863,"state":2921,"title":2933,"updated_at":2934,"url":2935,"score":2936},"### 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_",[2929,2930,2931],{"name":2853,"color":2854},{"name":2856,"color":2857},{"name":2859,"color":2860},4143,"Multiple Value selection in radio group","2025-05-13T13:57:53Z","https://github.com/nuxt/ui/issues/4143",0.72887796,{"description":2938,"labels":2939,"number":2942,"owner":2862,"repository":2863,"state":2921,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### 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```",[2940,2941],{"name":2906,"color":2907},{"name":2856,"color":2857},3443,"Does Select work with NuxtLink/UI Link?","2025-03-04T09:18:16Z","https://github.com/nuxt/ui/issues/3443",0.74938285,{"description":2948,"labels":2949,"number":2952,"owner":2862,"repository":2863,"state":2921,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### 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",[2950,2951],{"name":2853,"color":2854},{"name":2856,"color":2857},4069,"Scrollbar for Select Component","2025-05-23T15:41:53Z","https://github.com/nuxt/ui/issues/4069",0.75294733,{"description":2958,"labels":2959,"number":2963,"owner":2862,"repository":2863,"state":2921,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### 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_",[2960,2961,2962],{"name":2853,"color":2854},{"name":2856,"color":2857},{"name":2859,"color":2860},4006,"[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.75973904,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fL1vAxf223qQYH8741IVaF5xoEAJGxC76y-eg-PSy-sA":-1},"/nuxt/ui/4057"]