\n\u003Cp>e.g. Soft\u003C/p>",[3157,3158],{"name":3138,"color":3139},{"name":3144,"color":3145},4713,"Calender: add variant options","2025-08-11T23:21:51Z","https://github.com/nuxt/ui/issues/4713",0.7462668,{"description":3165,"labels":3166,"number":3170,"owner":3147,"repository":3148,"state":3149,"title":3171,"updated_at":3172,"url":3173,"score":3174},"### 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_",[3167,3168,3169],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4250,"UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.75549704,{"description":3176,"labels":3177,"number":3181,"owner":3147,"repository":3148,"state":3182,"title":3183,"updated_at":3184,"url":3185,"score":3186},"### 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_",[3178,3179,3180],{"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.6110914,{"description":3188,"labels":3189,"number":3199,"owner":3147,"repository":3148,"state":3182,"title":3200,"updated_at":3201,"url":3202,"score":3203},"### Description\n\nI would like for the RadioGroup on table mode to be overflowed and create a square of options instead of being rigid and forcing scrolling\n\nAs seen on \"date\" below\n\n\n\n### Additional context\n\n_No response_",[3190,3191,3194,3195,3196],{"name":3138,"color":3139},{"name":3192,"color":3193},"needs reproduction","CB47CF",{"name":3141,"color":3142},{"name":3144,"color":3145},{"name":3197,"color":3198},"closed-by-bot","ededed",4091,"[RadioGroup] Allow wrapping","2025-05-14T02:09:23Z","https://github.com/nuxt/ui/issues/4091",0.70158494,{"description":3205,"labels":3206,"number":3212,"owner":3147,"repository":3148,"state":3182,"title":3213,"updated_at":3214,"url":3215,"score":3216},"### 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_",[3207,3210,3211],{"name":3208,"color":3209},"duplicate","cfd3d7",{"name":3138,"color":3139},{"name":3141,"color":3142},4246,"[Button] Toggle / V-Model","2025-05-28T17:19:55Z","https://github.com/nuxt/ui/issues/4246",0.7223517,{"description":3218,"labels":3219,"number":3223,"owner":3147,"repository":3148,"state":3182,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Description\n\nCurrently, this component is somewhat misleading. Its name clearly states that it is a group for buttons. However, if you go inside, you will find examples not only with buttons, but also with input and badge.\n\nI suggest renaming the component to `Group` so that people don't get confused and use it everywhere.\n\n### Additional context\n\n_No response_",[3220,3221],{"name":3138,"color":3139},{"name":3222,"color":3142},"v4",4544,"Rename `ButtonGroup` to `FieldGroup`","2025-08-13T12:11:48Z","https://github.com/nuxt/ui/issues/4544",0.72687095,{"description":3229,"labels":3230,"number":3238,"owner":3147,"repository":3148,"state":3182,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### 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.",[3231,3234,3235,3236],{"name":3232,"color":3233},"question","d876e3",{"name":3141,"color":3142},{"name":3197,"color":3198},{"name":3237,"color":3198},"stale",4148,"Additional props like variants for styling","2025-08-20T02:08:47Z","https://github.com/nuxt/ui/issues/4148",0.72861785,{"description":3244,"labels":3245,"number":3249,"owner":3147,"repository":3148,"state":3182,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### 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_",[3246,3247,3248],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4143,"Multiple Value selection in radio group","2025-05-13T13:57:53Z","https://github.com/nuxt/ui/issues/4143",0.7416192,{"description":3255,"labels":3256,"number":3260,"owner":3147,"repository":3148,"state":3182,"title":3261,"updated_at":3262,"url":3263,"score":3264},"### Description\n\nThis is a re-opening of #1484 but for v3. It seems in the transition from v2 to v3, giving the indicators (now \"dots\") ARIA \"tab\" roles was lost. While I did mention it in my original issue, I don't believe my original PR accounted for when multiple items would be displayed at the same time. Perhaps the changes for v3 can take that into account.\n\n### Additional context\n\n_No response_",[3257,3258,3259],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4494,"Carousel component could be made more accessible (v3).","2025-07-10T12:18:41Z","https://github.com/nuxt/ui/issues/4494",0.75219095,["Reactive",3266],{},["Set"],["ShallowReactive",3269],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flDP3Lrdl75k4V0iC3ItOhlGzcsAwsu-kMf4qUOY9Whg":-1},"/nuxt/ui/4545"]