\n \u003C/div>\n \u003C/template>\n```\n\nto a table with more than one column, the body slot would only fill one cell of the table.\n\nTo prevent this, am shoud I do that?\n\n```\n \u003Ctemplate #body-top>\n \u003Ctr>\n \u003Ctd :colspan=\"3\" class=\"text-center text-sm text-muted\">\n \u003CUButton\n icon=\"i-lucide-plus\"\n variant=\"ghost\"\n color=\"neutral\"\n />\n \u003C/td>\n \u003C/tr>\n \u003C/template>\n```\n\nI would really love to see a best-practice example :-) ",[3170],{"name":3171,"color":3172},"question","d876e3",4862,"body-* slot on Table does only make sense if you got one col?","2025-09-01T12:19:10Z","https://github.com/nuxt/ui/issues/4862",0.7674044,{"description":3179,"labels":3180,"number":3186,"owner":3149,"repository":3150,"state":3151,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Description\n\nFrom the testing I've done, it seems that the Modal component is only rendered on client side.\n\nI have a use case where a user can land on a page with a query param and a modal should be already opened on SSR.\n\nWith UI v3 the modal opens after client mounts, so it pops in/animates in to view.\n\nWould it be possible to allow modals to render on SSR?\n\n### Additional context\n\n_No response_",[3181,3184,3185],{"name":3182,"color":3183},"duplicate","cfd3d7",{"name":3140,"color":3141},{"name":3143,"color":3144},3605,"Allow rendering the Modal component in SSR","2025-06-11T10:30:22Z","https://github.com/nuxt/ui/issues/3605",0.76861876,{"description":3192,"labels":3193,"number":3196,"owner":3149,"repository":3150,"state":3151,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Description\n\nHi,\n I love your UI Library but some things are missing before I decide to use it.\nhttps://ui.nuxt.com/components/modal => I have a problem on landscape-oriented screens and/or all screens that are not large screen in height and a large content in the modal. You have decided to manage the overflow in the modal itself. However, it would be more clever/handy to use the page's scrollbar. Just add an option/prop in order to choice the overflow method ?\n\nPlease take a look here : https://fancyapps.com/fancybox/guides/html/ (very old famous plugin) or this one : https://vodkabears.github.io/remodal/\n\nCurrently, i have a very little scrollbar inside the modal (especially with long content..). And the UX experience is, according to me, not very good.\n\nOther question (feature certainly ?), i need to ask birthday date for my users. I don't see nowhere where i can ask the year (https://ui.nuxt.com/components/calendar), when he selects the year, display months, when he selects the month, display days (of the month previously selected) and if he selects the day, insert the formatted date in my input intended for this. \n\n\u003Cimg src=\"https://github.com/user-attachments/assets/2386ffda-5824-4748-b928-ae1576761887\" alt=\"Image\" width=\"300\">\n(demo with vuetify framework)\n\nCurrently, with your component, we need to click 50 times if i have 50 years old (just to select the year) ?! \n\n\n\n### Additional context\n\n_No response_",[3194,3195],{"name":3140,"color":3141},{"name":3146,"color":3147},4814,"Modal overflow not very UX friendly in all cases.","2025-08-24T21:34:03Z","https://github.com/nuxt/ui/issues/4814",0.769247,{"description":3202,"labels":3203,"number":3207,"owner":3149,"repository":3150,"state":3151,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### 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_",[3204,3205,3206],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4250,"UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.76952857,{"description":3213,"labels":3214,"number":3218,"owner":3149,"repository":3150,"state":3151,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### 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",[3215,3216,3217],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4545,"Expand RadioGroup and bring it to a common style","2025-07-17T15:53:35Z","https://github.com/nuxt/ui/issues/4545",0.7742471,{"description":3224,"labels":3225,"number":3228,"owner":3149,"repository":3150,"state":3151,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Package\n\nv3.x\n\n### Description\n\n`Slideover` is a great alternative for modals. Allowing to resize `slideover` would make it very useful for usecases when one needs a resizable modals\n\n### Additional context\n\n_No response_",[3226,3227],{"name":3140,"color":3141},{"name":3146,"color":3147},4840,"allow to resize `Slideover`","2025-08-28T15:11:37Z","https://github.com/nuxt/ui/issues/4840",0.78244746,{"description":3234,"labels":3235,"number":3238,"owner":3149,"repository":3150,"state":3239,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Description\n\nCan the width of the modal be customized? Currently, I set it globally through the `app\\assets\\css\\main.css` file. However, if I only want to modify the width of a single component, I can't find the place to do it. I tried adding `w-[1000px]` to `UModal`, but it didn't work.\n\n\n\n\n",[3236,3237],{"name":3171,"color":3172},{"name":3143,"color":3144},3041,"closed","Can the width of the modal be customized?","2025-01-08T09:31:14Z","https://github.com/nuxt/ui/issues/3041",0.7445665,{"description":3245,"labels":3246,"number":3254,"owner":3149,"repository":3150,"state":3239,"title":3255,"updated_at":3256,"url":3257,"score":3258},"### Description\n\nHeader slot doesn't approve custom element style like `bg-header`. In some cases I need to change the border or background color of header, body and footer.\n \n```\n\u003Cscript setup lang=\"ts\">\nconst modal = useModal()\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUModal title=\"Title\" :ui=\"{\n header: 'bg-header',\n }\">\n\n \u003C/UModal>\n\u003C/template>\n\u003Cstyle scoped>\n.bg-header{\n background-color: #000;\n}\n\u003C/style>\n```",[3247,3248,3249,3252],{"name":3171,"color":3172},{"name":3143,"color":3144},{"name":3250,"color":3251},"closed-by-bot","ededed",{"name":3253,"color":3251},"stale",3372,"Add custom element style to modal","2025-06-18T09:02:01Z","https://github.com/nuxt/ui/issues/3372",0.74815,["Reactive",3260],{},["Set"],["ShallowReactive",3263],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqsvuTAr-lHK-wI0zVJCwlYaS7uaskPUjGBVXOSjywtE":-1},"/nuxt/ui/4366"]