\n \u003CUModal>\n \u003CUButton color=\"neutral\" variant=\"outline\">\n Open modal\n \u003C/UButton>\n\n \u003Ctemplate #body>\n \u003CUButton label=\"button1\" />\n \u003CUButton label=\"button2\" />\n \u003CUButton label=\"button3\" />\n \u003C/template>\n \u003C/UModal>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\n\nAlso, size and orientation affect the buttons inside the modal\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup orientation=\"vertical\" size=\"lg\">\n ...\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2884,2887,2888],{"name":2885,"color":2886},"bug","d73a4a",{"name":2871,"color":2872},{"name":2889,"color":2890},"triage","ffffff",4242,"[ButtonGroup] Nested buttons are also styled as if they were directly placed","2025-05-28T10:43:07Z","https://github.com/nuxt/ui/issues/4242",0.7745851,{"description":2897,"labels":2898,"number":2905,"owner":2874,"repository":2874,"state":2876,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Describe the feature\n\nSometimes you need to have multiple components in the `app.vue` file, or as close to the root element as possible. For example, if you have multiple modals that must be present not only on every page, but also on every layout (dialogs, cookie notice, etc) or any other interface resource and you must add each one manually somewhere in the `app.vue` file.\r\n\r\nI think it would be nice to have a directory for \"universal\" components that Nuxt detects and automatically injects into the root element. This would perfectly follow the philosophy of the framework to improve the DX as much as possible.\r\n\r\nAn example of how it would be now and how it could be:\r\n\r\n```vue\r\n// ~/app.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtLayout>\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n \u003C!-- universal components -->\r\n \u003CMenuDialog />\r\n \u003CLanguageDialog />\r\n \u003CColorModeDialog />\r\n \u003CBackdrop />\r\n \u003C!-- etc -->\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\nOr you could just move those components to a directory called `~/components/universal` (for example) and Nuxt would take care of injecting them automatically.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2899,2902],{"name":2900,"color":2901},"enhancement","8DEF37",{"name":2903,"color":2904},"discussion","538de2",19492,"Components automatically injected into the root element","2024-06-30T11:09:20Z","https://github.com/nuxt/nuxt/issues/19492",0.7780515,{"description":2911,"labels":2912,"number":2915,"owner":2874,"repository":2875,"state":2916,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### Description\n\nHi,\n\nI'm just trying migrate to the v3 table component but I'm kind of stuck while trying to apply the correct column widths to the columns which before (in v2) was possible via simple tailwind classes per column.\nFor example a table has an action button in the last column, so the column should only have the width of the icon of the button so that other columns have more space but the column width is automatically about four times the button's size by default instead.\n\nThe [TanStack Table Docs](https://tanstack.com/table/v8/docs/guide/column-sizing) state that individual column sizes must be applied manually which also seems right looking at the [table component code](https://github.com/nuxt/ui/blob/v3/src/runtime/components/Table.vue) if I didn't miss anything in that regard.\n\nFrom my understanding the custom width styling must be applied to the `th`/`td` elements since every styling attempt inside the slots to make a column smaller (e.g. only 32px) did not work and only affected the content inside the header/cell slots.\n\nIs there any way at the moment to set a custom width for specific columns with the current implementation of the table component?",[2913,2914],{"name":2868,"color":2869},{"name":2871,"color":2872},3935,"closed","Table custom column size adjustments","2025-05-03T12:03:11Z","https://github.com/nuxt/ui/issues/3935",0.7296701,{"description":2922,"labels":2923,"number":2926,"owner":2874,"repository":2875,"state":2916,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### 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.",[2924,2925],{"name":2868,"color":2869},{"name":2871,"color":2872},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":2932,"labels":2933,"number":2939,"owner":2874,"repository":2874,"state":2916,"title":2940,"updated_at":2941,"url":2942,"score":2943},"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>",[2934,2936],{"name":2868,"color":2935},"cc317c",{"name":2937,"color":2938},"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,{"labels":2945,"number":2947,"owner":2874,"repository":2874,"state":2916,"title":2948,"updated_at":2949,"url":2950,"score":2951},[2946],{"name":2937,"color":2938},6094,"computed property based on innerWidth / window.innerWidth","2025-01-31T18:15:36Z","https://github.com/nuxt/nuxt/issues/6094",0.7606679,{"description":2953,"labels":2954,"number":659,"owner":2874,"repository":2955,"state":2916,"title":2956,"updated_at":2957,"url":2958,"score":2959},"Is it possible to change the `/components/global` directory. I have checked the code of this module, but it seems to me that it could be something that's inside Nuxt 3?\r\n\r\nProposition:\r\n```js\r\n nuxtIcon: {\r\n size: \"16px\",\r\n source: '~/components/icons' // or an array with multiple values\r\n },\r\n```",[],"icon","Feature: Possible to change the icons directory","2023-01-19T16:59:35Z","https://github.com/nuxt/icon/issues/18",0.765555,{"description":2961,"labels":2962,"number":2974,"owner":2874,"repository":2875,"state":2916,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Description\n\nI am implementing a dashboard with 2 sidebars, one on the left and one on the right with some content in-between them. I want the sidebars to be resizable, and have implemented this on the left sidebar using the resize-handle slot (https://ui.nuxt.com/components/dashboard-resize-handle#within-resize-handle-slot). I tried implementing the same thing on the right sidebar, but I cannot get the resize handle to appear on the left of the component. Can you provide me an example of what props / classes I need to use to accomplish this?\n\nI also want to have a \"Sidebar\" at the bottom of the center content. I know that the components only define a right / left side as a prop. Is there any way to do vertical collapse / resizing on these or should I implement that as a custom component using UCollapsible?",[2963,2964,2967,2968,2971],{"name":2868,"color":2869},{"name":2965,"color":2966},"needs reproduction","CB47CF",{"name":2871,"color":2872},{"name":2969,"color":2970},"nuxt/ui-pro","00dc82",{"name":2972,"color":2973},"closed-by-bot","ededed",4027,"DashboardSidebar / DashboardResizeHandle","2025-05-31T02:08:59Z","https://github.com/nuxt/ui/issues/4027",0.7680994,{"labels":2980,"number":2986,"owner":2874,"repository":2874,"state":2916,"title":2987,"updated_at":2988,"url":2989,"score":2990},[2981,2982,2983],{"name":2900,"color":2901},{"name":2903,"color":2904},{"name":2984,"color":2985},"3.x","29bc7f",12829,"Moving `\u003CNuxtLayout>` to a built-in component","2023-01-19T16:36:15Z","https://github.com/nuxt/nuxt/issues/12829",0.77048594,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$faXZFu7o3xlU_loBJIYHAL84A2nGVIQVX8tr_IqjCje4":-1},"/nuxt/ui/3041"]