\n```\nCurrently, `UButton` doesn't have a `rel` attribute, which is required for ... you know.\n\nAlso for some reason, it's already having `target=\"_blank\"` without me even adding it to the element (?)\n\n### Additional context\n\n_No response_",[3171,3174,3175],{"name":3172,"color":3173},"enhancement","a2eeef",{"name":3157,"color":3158},{"name":3160,"color":3161},4611,"Support for `rel` attributes for `\u003CUButton to=\"\"/>`","2025-07-27T05:16:45Z","https://github.com/nuxt/ui/issues/4611",0.7990449,{"description":3182,"labels":3183,"number":3186,"owner":3143,"repository":3163,"state":3145,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Description\n\nWhen adding `UButton` component with `ghost` or `link` variant inside a `UBanner` with `links` attribute, they remain displayed in black text, even if the banner has a dark background (e.g., primary color). Unlike the Banner close button, which has specific Tailwind classes that adapt it to dark mode (white text), these elements do not automatically adjust their colors.\n\n\n\n```html\n \u003CUBanner to=\"/guide-gouvernance-associative-crise\" icon=\"i-ph-books-duotone\" title=\"Guide Gouvernance Associative\" :actions=\"[{label: 'Lire le guide', to: '/guide-gouvernance-associative-crise', variant: 'ghost', size: 'md', trailingIcon: 'i-ph-arrow-right'}, {label: 'Lire le guide', to: '/guide-gouvernance-associative-crise', variant: 'link', size: 'md'}]\" close />\n```\n\nWould it be relevant to add a global attribute to components like Button, Badge, etc., to force their appearance in dark (or light) mode, regardless of the global setting? This would ensure better visual consistency when these elements are placed on a colored background (e.g., `UPageCTA` with `solid` variant).\n\n### Additional context\n\n_No response_",[3184,3185],{"name":3172,"color":3173},{"name":3157,"color":3158},3307,"Better handling of `UButton`, `UBadge`, … colors on colored backgrounds","2025-08-25T13:20:01Z","https://github.com/nuxt/ui/issues/3307",0.8079678,{"description":3192,"labels":3193,"number":3197,"owner":3143,"repository":3163,"state":3145,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### Description\n\nUsing `\u003CUNavigationMenu>` it adds an external icon when prop `to` is an external link: \n\n\u003Cimg width=\"196\" height=\"69\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e7417d54-ca16-48c2-9992-a54a9bed764d\" />\n\nUnfortunately, `UButton` doesnt have this feature. Even with the prop `trailingIcon` the same behavior cant be archived manually in an easy manner because the icon wont be small, at the top and grayed out. Currently it would require to make it fully manually:\n\n```\n\u003CUButton :to=\"externalUrl\" target=\"_blank\">\n \u003Cspan\n >To external provider\u003CIcon\n name=\"i-material-symbols:arrow-outward-rounded\"\n class=\"size-3 align-top opacity-70\"\n />\u003C/span>\n \u003C/UButton>\n```\n\n\u003Cimg width=\"191\" height=\"48\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f89198d7-a64f-4a04-815b-41ddba68c3cc\" />\n\nIt would be great if a button would either automatically add the icon, like `\u003CUNavigationMenu>` does, or would have a prop `externalIcon` that can be set to true.\n\n### Additional context\n\n\n\n_No response_",[3194,3195,3196],{"name":3172,"color":3173},{"name":3157,"color":3158},{"name":3160,"color":3161},4501,"Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.8092251,{"description":3203,"labels":3204,"number":3209,"owner":3143,"repository":3163,"state":3210,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Description\n\nHello everyone,\n\nI have a form with several input fields.\n\nThe first field is a USelect (variant=outline). I want to select it (focus it, with a visible border ring) so that the user can navigate to the other fields from here using the Tab key. How do I do this?\nIf this doesn't work using an HTML attribute, is there any way I can program it using JavaScript?\n\nThis works perfectly on another form where, for example, a UInput component is used first.\n\nCan someone please help me?\n\nThanks in advance and best regards from Germany,\nThomas",[3205,3208],{"name":3206,"color":3207},"question","d876e3",{"name":3157,"color":3158},4324,"closed","USelect: Why doesn't the autofocus HTML attribute work?","2025-06-11T10:54:00Z","https://github.com/nuxt/ui/issues/4324",0.70575416,{"description":3216,"labels":3217,"number":3225,"owner":3143,"repository":3163,"state":3210,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### Environment\n\nnuxt: 3.15.1\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n-\n\n### Description\n\n```\n\u003CUModal>\n \u003CUInput v-model=\"state.name\" placeholder=\"..\" />\n \u003CUInput v-model=\"state.name1\" placeholder=\"...\" />\n\u003C/UModal>\n```\n\nWhen a modal contains one or more input boxes, the first input box will always get focus automatically.\nIf I manually add a close button in the upper right corner, it will trigger a validation when I click it. This is not good. How can I avoid the input box getting focus when opening the modal?\n\n### Additional context\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[3218,3219,3220,3223],{"name":3154,"color":3155},{"name":3160,"color":3161},{"name":3221,"color":3222},"closed-by-bot","ededed",{"name":3224,"color":3222},"stale",3062,"The input box in the modal will automatically gain focus","2025-06-18T09:02:39Z","https://github.com/nuxt/ui/issues/3062",0.76638323,{"description":3231,"labels":3232,"number":3235,"owner":3143,"repository":3163,"state":3210,"title":3236,"updated_at":3237,"url":3238,"score":3239},"### Description\n\nHello,\n\nI am using an external control to populate a `RadioGroup` component.\nI would like to focus on the item which corresponds to the checked item (the one correspond to `v-model` value).\n\nI'm basically asking how to emulate an `autofocus` behaviour with the `RadioGroup` component.\n\nThanks in advance for your help,\n\nThom",[3233,3234],{"name":3206,"color":3207},{"name":3157,"color":3158},4628,"How to set focus on a RadioGroupItem?","2025-07-29T15:33:18Z","https://github.com/nuxt/ui/issues/4628",0.7732149,{"description":3241,"labels":3242,"number":3245,"owner":3143,"repository":3246,"state":3210,"title":3247,"updated_at":3248,"url":3249,"score":3250},"\n",[3243],{"name":3172,"color":3244},"1ad6ff",600,"nuxt.com","[Resources] Showcases title can be hidden in favor of the select on mobile","2023-02-15T12:32:36Z","https://github.com/nuxt/nuxt.com/issues/600",0.7764023,{"description":3252,"labels":3253,"number":3245,"owner":3143,"repository":3144,"state":3210,"title":3261,"updated_at":3262,"url":3263,"score":3250},"\r\n\r\ni mountSuspended component use useFetch call rest api. Error as image.\r\n\r\nPlease help me!",[3254,3257,3260],{"name":3255,"color":3256},"vitest-environment","b60205",{"name":3258,"color":3259},"needs reproduction","DE7793",{"name":3221,"color":3222},"Test component call api","2023-12-10T01:51:31Z","https://github.com/nuxt/test-utils/issues/600",["Reactive",3265],{},["Set"],["ShallowReactive",3268],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-HzaeuM0HO4VAATB3Peu8muEmtaNL0oNvO_LrFO7mvA":-1},"/nuxt/ui/4395"]