\n \u003C/UFormField>\n\n \u003CUFormField label=\"Last name\" name=\"familyName\" required>\n \u003CUInput v-model=\"state.familyName\" />\n \u003C/UFormField>\n \u003C/template>\n\n \u003Ctemplate #footer>\n \u003CUButton label=\"Save\" type=\"submit\" />\n \u003C/template>\n \u003C/UModal>\n \u003C/UForm>\n\u003C/template>\n```",[3202,3203],{"name":3146,"color":3147},{"name":3163,"color":3164},4401,"How to use a UForm within a UModal with footer?","2025-08-21T09:37:27Z","https://github.com/nuxt/ui/issues/4401",0.7316388,{"description":3210,"labels":3211,"number":3214,"owner":3149,"repository":3150,"state":3184,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Description\n\nIn our project, we aim to standardize the size of components across the application for consistency and maintainability. However, it seems there isn't a straightforward way to configure the default size for all inputs using app.config.",[3212,3213],{"name":3146,"color":3147},{"name":3163,"color":3164},2973,"How to allow customization of default components sizes via app.config?","2024-12-26T16:30:20Z","https://github.com/nuxt/ui/issues/2973",0.73220867,{"description":3220,"labels":3221,"number":3227,"owner":3149,"repository":3150,"state":3184,"title":3228,"updated_at":3229,"url":3230,"score":3231},"### Description\n\nHello 👋,\n\nI'm building a dashboard and I often need to put a table in a modal. Currently, I have to manually change the style of the modal and the table to match perfectly.\n\nSee this example: https://stackblitz.com/edit/github-2aatsynx?file=app%2Fpages%2Findex.vue\n\nTo solve this, I have to solution in mind:\n\n1. props to change the table and modal class;\n2. injection key to tell the table that it is in a modal.\n\nTo be honest, I don't like the second one as it removes a lot of flexibility.\n\nThe first one will introduce some new variants to all customization globally which is better than the current manual customization. For a Modal component, a new `table` (or `body-padding` or something even more generic but used to remove the padding from the body) props and a `modal` props for the table to align the internal padding.\n\nMaybe there is more solutions to this!\n\n### Additional context\n\n_No response_",[3222,3223,3224,3225,3226],{"name":3160,"color":3161},{"name":3163,"color":3164},{"name":3166,"color":3167},{"name":3179,"color":3180},{"name":3182,"color":3180},4366,"Simplify table usage in modals","2025-08-31T02:09:23Z","https://github.com/nuxt/ui/issues/4366",0.7436968,{"description":3233,"labels":3234,"number":3240,"owner":3149,"repository":3149,"state":3184,"title":3241,"updated_at":3242,"url":3243,"score":3244},"Is there a way to mount a global component that will exists app wide regardless of layout change? \r\n\r\nUse case is a notifications component, and the issue is that the notifications disappear once the layout changes.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2074\">#c2074\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3235,3237],{"name":3146,"color":3236},"cc317c",{"name":3238,"color":3239},"2.x","d4c5f9",2387,"Global component that exists app wide regardless of layout","2023-01-18T15:55:11Z","https://github.com/nuxt/nuxt/issues/2387",0.75405437,{"description":3246,"labels":3247,"number":3251,"owner":3149,"repository":3150,"state":3184,"title":3252,"updated_at":3253,"url":3254,"score":3255},"> You can change the `content` width globally using your `app.config.ts`:\n> \n> ```ts\n> export default defineAppConfig({\n> ui: {\n> select: {\n> slots: {\n> content: 'min-w-fit'\n> }\n> }\n> }\n> })\n> ``` \n\n _Originally posted by @benjamincanac in [#4300](https://github.com/nuxt/ui/issues/4300#issuecomment-2961842289)_\n\n\nplease,\ndocument in its page:\nhttps://ui.nuxt.com/components/select\n\nalso, consider to add access to \"content\" through \"ui\" prop to make it, not only globally, but particularly available.\nNow you can't do: \n```html\n\u003CUSelect :ui=\"{ content: 'min-w-fit' }\" ... />\n```\n\nI had to search hard to find my own answer, and I think it's a very important case for everyone. It will benefit us all.\nThank you in advance!",[3248],{"name":3249,"color":3250},"documentation","0075ca",4409,"USelect > document how to make items/options content width, fit the longest item/option width. Add an image example.","2025-07-08T10:43:50Z","https://github.com/nuxt/ui/issues/4409",0.75563544,{"description":3257,"labels":3258,"number":3263,"owner":3149,"repository":3150,"state":3184,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### 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.",[3259,3260,3261,3262],{"name":3146,"color":3147},{"name":3163,"color":3164},{"name":3179,"color":3180},{"name":3182,"color":3180},4148,"Additional props like variants for styling","2025-08-20T02:08:47Z","https://github.com/nuxt/ui/issues/4148",0.7565557,["Reactive",3269],{},["Set"],["ShallowReactive",3272],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$faXZFu7o3xlU_loBJIYHAL84A2nGVIQVX8tr_IqjCje4":-1},"/nuxt/ui/3041"]