\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_",[2856,2859,2862],{"name":2857,"color":2858},"enhancement","a2eeef",{"name":2860,"color":2861},"v3","49DCB8",{"name":2863,"color":2864},"triage","ffffff",4250,"nuxt","ui","open","UTheme component","2025-05-28T22:24:36Z","https://github.com/nuxt/ui/issues/4250",0.7858868,{"description":2874,"labels":2875,"number":2879,"owner":2866,"repository":2867,"state":2880,"title":2881,"updated_at":2882,"url":2883,"score":2884},"### Description\n\nIn case we need to pass an image URL to any component with icons (for example `Button`), we currently need to use slots when they are available (which is not always the case, for example the input icon of `CommandPalette`). It would be helpful if the `Icon` component could accept an URL and use `#build/ui-image-component` instead.\n\nExample use case: allowing users to upload/set their own icons.\n\n\n\n### Additional context\n\n_No response_",[2876,2877,2878],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4030,"closed","Allow image url for icons","2025-05-15T14:39:30Z","https://github.com/nuxt/ui/issues/4030",0.7250513,{"description":2886,"labels":2887,"number":2890,"owner":2866,"repository":2891,"state":2880,"title":2892,"updated_at":2893,"url":2894,"score":2895},"This is a nice to have feature, like render.com has:\n\nhttps://volta.s3.fr-par.scw.cloud/Screenshot_2022_04_05_at_14_37_51_8eec9792b4.mp4\n",[2888],{"name":2857,"color":2889},"1ad6ff",266,"nuxt.com","Animation for dropdown avatar","2023-02-15T12:32:02Z","https://github.com/nuxt/nuxt.com/issues/266",0.76339287,{"description":2897,"labels":2898,"number":2890,"owner":2866,"repository":2899,"state":2880,"title":2900,"updated_at":2901,"url":2902,"score":2895},"as suggested by @rchl ",[],"test-utils","[v2] rename toNuxtPluginAdded","2023-12-02T00:18:10Z","https://github.com/nuxt/test-utils/issues/266",{"description":2904,"labels":2905,"number":2909,"owner":2866,"repository":2867,"state":2880,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Description\n\nThe [popover](https://ui.nuxt.com/components/popover) uses the content of the default slot to create a trigger, but there is no way to provide a custom anchor. A `\u003Ctemplate #anchor>` slot for this purpose would be great.\n\n```html\n\u003CUFormField label=\"name\" name=\"name\">\n \u003CUPopover :open=\"isAutoCompleteOpen\">\n \u003Ctemplate #anchor>\n \u003CUInput v-model=\"state.name\" />\n \u003C/template>\n \u003Ctemplate #content>\n \u003CPlaceholder class=\"size-48 m-4 inline-flex\" />\n \u003C/template>\n \u003C/UPopover>\n\u003C/UFormField>\n```\n\nMy use case is building an autocomplete for a text input. The `InputMenu` is not suitable because the dropdown is too intrusive.\n\n### Additional context\n\n_No response_",[2906,2907,2908],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4013,"Add ability to provide an anchor for the popover","2025-05-22T15:04:18Z","https://github.com/nuxt/ui/issues/4013",0.7689988,{"description":2915,"labels":2916,"number":2918,"owner":2866,"repository":2891,"state":2880,"title":2919,"updated_at":2920,"url":2921,"score":2922},"New design: \n\n\n\nFigma link: https://www.figma.com/file/3yI3EtwxPjZwiqQrW9OLnH/%E2%9B%B0%EF%B8%8F---User-Interface?node-id=1129%3A50713&t=P5AiTxdpTKZ8SqFb-4\n\nLinks:\n- Download Design Kit: ZIP file with logos\n- Preview guidelines: https://www.figma.com/file/DOO3neicujKl3ymcqUg9dK/%E2%9B%B0%EF%B8%8F---Nuxt-Brand-Guidelines?node-id=0%3A1&t=qBS3UqvGpjrIkxIm-1",[2917],{"name":2857,"color":2889},1052,"[/designkit] Add a button + change links on the hero","2023-09-05T08:18:50Z","https://github.com/nuxt/nuxt.com/issues/1052",0.7835656,{"description":2924,"labels":2925,"number":2927,"owner":2866,"repository":2891,"state":2880,"title":2928,"updated_at":2929,"url":2930,"score":2931},"\n\n@SarahM19 could you upload the image from Figma with the CTA?",[2926],{"name":2857,"color":2889},1032,"[Home] Missing call to action in modules section","2023-01-04T13:47:35Z","https://github.com/nuxt/nuxt.com/issues/1032",0.78944045,{"description":2933,"labels":2934,"number":2937,"owner":2866,"repository":2867,"state":2880,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Description\n\nI'm making a voting system visualizer with Nuxt UI.\n\n\n\nHere, I need to add ❌ for unchecked items, which doesn't seem easy now.\n\n### Additional context\n\n_No response_",[2935,2936],{"name":2857,"color":2858},{"name":2860,"color":2861},4039,"Supports changing unchecked icon of `\u003CUCheckbox>` `\u003CUCheckboxGroup>`","2025-05-23T13:21:58Z","https://github.com/nuxt/ui/issues/4039",0.79319346,{"description":2943,"labels":2944,"number":2948,"owner":2866,"repository":2867,"state":2880,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Description\n\nAt the moment InputNumber does not react in any way to the presence of ButtonGroup.\n\n\n\n### Additional context\n\n_No response_",[2945,2946,2947],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4155,"InputNumber ButtonGroup support","2025-05-15T12:30:59Z","https://github.com/nuxt/ui/issues/4155",0.79463327,{"description":2954,"labels":2955,"number":2959,"owner":2866,"repository":2867,"state":2880,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### 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_",[2956,2957,2958],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2863,"color":2864},4006,"[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.795034,["Reactive",2965],{},["Set"],["ShallowReactive",2968],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frFCqZmmLnH6J8srcWHmubqkHbVAgXK4FuS1mSjTmj2M":-1},"/nuxt/ui/3827"]