\n \u003C/UButton>\n\n \u003CUButton color=\"gray\" variant=\"ghost\" @click=\"continue\">\n Continue\n \u003CUIcon name=\"i-mdi-arrow-right-circle\" class=\"text-primary\" />\n \u003C/UButton>\n \u003C/div>\n \u003C/UCard>\n \u003C/UModal>\n```",[2016,2017],{"name":2005,"color":2006},{"name":2018,"color":2019},"stale","ededed",3187,"[V2] How to prevent button pre-selection on UModal?","2025-03-09T01:50:32Z","https://github.com/nuxt/ui/issues/3187",0.78288037,{"description":2026,"labels":2027,"number":2030,"owner":1994,"repository":1995,"state":1996,"title":2031,"updated_at":2032,"url":2033,"score":2034},"### Description\n\nThe Accordion component's config provides the `default` block, which allows you to control the CSS of the label. However, there are no open/closed state controls. I'd love to be able to apply different classes to the label based on whether the accordion is open or closed.\n\n### Additional context\n\nThe main reason for this is to customize the open/closed states. Upon opening the accordion, I would like the ability to remove the bottom-left and bottom-right border radius while simultaneously adding a border around the body content. This would create a seamless appearance, eliminating any gaps between the label and the body content.",[2028,2029],{"name":1985,"color":1986},{"name":1991,"color":1992},3412,"Accordion styles -- should be able to pass classes via UI config for open and closed states.","2025-02-26T23:07:30Z","https://github.com/nuxt/ui/issues/3412",0.8001842,{"description":2036,"labels":2037,"number":2040,"owner":1994,"repository":1995,"state":1996,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Description\n\nThere is a way to enable tooltip on mobile when touching it? Can it be globally enabled?",[2038,2039],{"name":2005,"color":2006},{"name":1988,"color":1989},3847,"Tooltip on mobile devices","2025-04-09T17:04:51Z","https://github.com/nuxt/ui/issues/3847",0.8006717,{"description":2046,"labels":2047,"number":2050,"owner":1994,"repository":1995,"state":1996,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### Description\r\n\r\nSpanning columns in tables should be common...\r\n\r\nBut the `\u003Ccolumn>-data` slot is rendered in the `\u003Ctd>`. It would be better if there was a `row-data` slot.\r\n\r\nIs there any way to determine whether it needs to span columns based on some property of row?",[2048,2049],{"name":2005,"color":2006},{"name":2018,"color":2019},2053,"How to span columns in UTable?","2025-03-15T02:01:09Z","https://github.com/nuxt/ui/issues/2053",0.8044533,{"description":2056,"labels":2057,"number":2063,"owner":1994,"repository":1995,"state":1996,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: compatibilityDate, modules, devtools, experimental, app, css, site, runtimeConfig, build, ui, sourcemap, fonts, future, vite, typescript, eslint, prismic, pwa, sentry \n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.0.2, @nuxt/image@1.10.0, @nuxtjs/prismic@4.1.0, @nuxtjs/robots@5.2.9, @sentry/nuxt/module@9.12.0, @vite-pwa/nuxt@1.0.0, @vueuse/nuxt@13.1.0, @zadigetvoltaire/nuxt-gtm@0.0.13, nuxt-lodash@2.5.3, @nuxt/scripts@0.11.5\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nhttps://pkg.pr.new/@nuxt/ui@3deed4c\n\n### Reproduction\n\nnot working with: \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@3deed4c\",\n\n\n### Description\n\nSince upgrading i get the following error:\n\nType '(event: FormSubmitEvent\u003CSchema>) => Promise\u003Cvoid>' is not assignable to type '(payload: FormSubmitEvent\u003Cobject>) => void'.\n Types of parameters 'event' and 'payload' are incompatible.\n Type 'FormSubmitEvent\u003Cobject>' is not assignable to type 'FormSubmitEvent\u003C{ email: string; firstName: string; lastName: string; phone: string; terms: boolean; attachmentUri?: string | undefined; comment?: string | undefined; }>'.\n Type 'FormSubmitEvent\u003Cobject>' is not assignable to type '{ data: { email: string; firstName: string; lastName: string; phone: string; terms: boolean; attachmentUri?: string | undefined; comment?: string | undefined; }; }'.\n Types of property 'data' are incompatible.\n Type '{}' is missing the following properties from type '{ email: string; firstName: string; lastName: string; phone: string; terms: boolean; attachmentUri?: string | undefined; comment?: string | undefined; }': email, firstName, lastName, phone, termsts-plugin(2322)\n\n(property) onSubmit?: ((payload: FormSubmitEvent\u003Cobject>) => void) | undefined\n\n\n### Additional context\n\nwas working in 3.0.2\n\n### Logs\n\n```shell-script\n\n```",[2058,2061,2062],{"name":2059,"color":2060},"bug","d73a4a",{"name":1988,"color":1989},{"name":1991,"color":1992},3843,"UForm @submit event type error","2025-04-09T15:36:22Z","https://github.com/nuxt/ui/issues/3843",0.80786824,{"description":2069,"labels":2070,"number":2073,"owner":1994,"repository":1995,"state":1996,"title":2074,"updated_at":2075,"url":2076,"score":2077},"### Environment\n\nNode: 22.11.0\nnpm: 11.1.0\n@nuxt/ui: 2.21.0 and 3.0.0-alpha.13 (same reesult)\nnuxt: 3.15.4\nNitro: 2.10.4 \n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nAfter using `npx nuxi@latest module add ui` to add Nuxt UI to a Nuxt project `nuxt dev` still works, but `nuxt build` and `nuxt generate` crashes with the following error: \n\n```\n ERROR Nuxt Build Error: Cannot find module 'postcss-minify-gradients'\nRequire stack:\n- [~]/node_modules/cssnano-preset-default/src/index.js\n- [~]/node_modules/cssnano/src/index.js\n```\n\nMy `nuxt.config.ts`:\n\n```\nexport default defineNuxtConfig({\n modules: [\n '@nuxt/ui',\n ],\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n})\n```\n\nThings I've tried:\n\n- Adding `'postcss-minify-gradients` with `npm install postcss-minify-gradients` does not make any difference. \n- Installing `cssnano`, `postcss`, `tailwindcss` and numerous other Nuxt/Tailwind related packges manually causes a lot of other issues, but doesn't help here\n- Removing `node_modules/*`, `./nuxt/*` and `package-lock.json` and starting over does not help\n- Neither does `nuxi cleanup` \n- Adding `postcss: { plugins: { \"minifyGradients\": false },},` to `nuxt.config.ts`, as suggested in some other bug report thread\n- Removing every installed package except for NuxtUI\n\nWhat works:\n\nCreating an entirely clean project with `npx nuxi@latest init test`, `cd test` and `npx nuxi@latest module add ui` works for a while. But it seems like sooner or later every NuxtUI project gets stuck in this cul-de-sac. It is unclear to me what triggers this state, but more to the point it seems entrirely _impossible_ to get out of it? What is going on here, and how can I save a project, once this happen?\n\n### Description\n\nSee above\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2071,2072],{"name":2059,"color":2060},{"name":1991,"color":1992},3368,"Nuxt Build Error: Cannot find module 'postcss-minify-gradients'","2025-02-22T12:24:45Z","https://github.com/nuxt/ui/issues/3368",0.80956066,{"description":2079,"labels":2080,"number":2084,"owner":1994,"repository":1995,"state":2085,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Description\n\nThere is currently no easy way to know what state the modal is in. Adding a `toggle` method would make life very much easier.\n\nI'm willing to make a PR\n\n### Additional context\n\n_No response_",[2081,2082,2083],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3720,"closed","feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.73899394,{"description":2091,"labels":2092,"number":2095,"owner":1994,"repository":1995,"state":2085,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### Description\n\nI am new using Nuxt UI, and I am loving it.\nI personally believe buttons look better when they are wider than taller, therefore I like to add more padding in the x axis, but I don't want to do this for each button.\n\nI am currently doing it like this:\n\n```html\n\u003CUButton\n to=\"/login\"\n size=\"xl\"\n color=\"warning\"\n variant=\"solid\"\n class=\"font-semibold px-4\"\n >\n Iniciar sesión\n \u003C/UButton>\n```\n\nbut I don't know how to add the option for all buttons.\nI tried doing this in the app.config.ts:\n\n```js\nui: {\n button: {\n slots: {\n base: 'px-4 cursor-pointer'\n },\n}\n \n```\n\nand the cursor-pointer worked, but the px-4 didn't work. Any idea on how to make this work?",[2093,2094],{"name":2005,"color":2006},{"name":1988,"color":1989},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.7443369,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"_1I6N0QXlBwjF7vrU37P-uT24k1-7ia44sMxGhU618E":-1},"/nuxt/ui/3660"]