\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_",[3018,3021,3024],{"name":3019,"color":3020},"enhancement","a2eeef",{"name":3022,"color":3023},"v3","49DCB8",{"name":3025,"color":3026},"triage","ffffff",4501,"nuxt","ui","open","Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.7488688,{"description":3036,"labels":3037,"number":3041,"owner":3028,"repository":3028,"state":3030,"title":3042,"updated_at":3043,"url":3044,"score":3045},"### Describe the feature\n\nhttps://github.com/nuxt/nuxt/issues/20500\n\nhttps://github.com/nuxt/nuxt/pull/31039\n\nAdd a composable to check `href` in `nuxtLink.allowlist` and return a custom rel by `getCustomRel`.\n\nAnd `allowlist` is default by `nuxt.config/defaults.nuxtLink.allowlist`\n\nAnd `externalRelAttribute` is default by `nuxt.config/defaults.nuxtLink.externalRelAttribute`\n\nIf `href` in `allowlist`, `getCustomRel` will return the custom `externalRelAttribute`, if not will return the default set by `defaults.nuxtLink.externalRelAttribute`.\n\n```vue\n\u003Ctemplate>\n \u003CNuxtLink :rel=\"getCustomRel(href)\" to=\"https://nuxt.com\">test\u003C/NuxtLink>\n\u003C/template>\n\u003Cscript setup>\n const { allowlist, checkUrlInAllowlist, getCustomRel } = useLinkAllowlist({\n allowlist: ['nuxt.com', '.nuxt.com'],\n externalRelAttribute: 'noopener'\n })\n // checkUrlInAllowlist('https://nuxt.com') -> true\n // checkUrlInAllowlist('/test') -> false\n // getCustomRel('https://nuxt.com') -> noopener\n // getCustomRel('/test') -> undefined\n // getCustomRel('/test', { force: true }) -> noopener\n\n\u003C/script>\n```\n\nWhat do you think? Thank you for your feedback.❤\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).",[3038],{"name":3039,"color":3040},"pending triage","E99695",31417,"Add useLinkAllowlist composable","2025-04-07T05:57:11Z","https://github.com/nuxt/nuxt/issues/31417",0.7572319,{"description":3047,"labels":3048,"number":3050,"owner":3028,"repository":3028,"state":3030,"title":3051,"updated_at":3052,"url":3053,"score":3054},"### Describe the feature\n\nIt would be nice to have ability to set `target` attribute to `_blank` for all external links by default. In my experience it's very common case. Prop `externalTargetAttribute` for `NuxtLink` which works same as existent `externalRelAttribute` prop could be easiest and convient solution.\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).",[3049],{"name":3039,"color":3040},30393,"`externalTargetAttribute` prop for `NuxtLink`","2024-12-27T16:01:50Z","https://github.com/nuxt/nuxt/issues/30393",0.7663756,{"description":3056,"labels":3057,"number":3060,"owner":3028,"repository":3029,"state":3030,"title":3061,"updated_at":3062,"url":3063,"score":3064},"### Description\n\nI'd like to request the addition of an AlertDialog component to Nuxt UI — a component used to display modal-style alerts for critical confirmations or irreversible actions (e.g., deleting user data).\n\nThis is a fairly common pattern in modern UI libraries. For reference, RekaUI has already implemented it quite well.\nhttps://reka-ui.com/docs/components/alert-dialog\n\n### Additional context\n\n_No response_",[3058,3059],{"name":3019,"color":3020},{"name":3025,"color":3026},4632,"Add AlertDialog component","2025-07-30T03:22:18Z","https://github.com/nuxt/ui/issues/4632",0.77300954,{"description":3066,"labels":3067,"number":3072,"owner":3028,"repository":3029,"state":3030,"title":3073,"updated_at":3074,"url":3075,"score":3076},"### Description\n\nHello,\n\nIs it possible that UButton doesn't have the autofocus attribute exposed?\n\nI'm using such a button in conjunction with UPopover to provide a date picker. This is the first element in the form and should be automatically focused.\n\nIs there a way to add this?\n\nRegards\nThomas",[3068,3071],{"name":3069,"color":3070},"question","d876e3",{"name":3022,"color":3023},4395,"How to set autofocus on UButton?","2025-06-24T11:16:24Z","https://github.com/nuxt/ui/issues/4395",0.77768236,{"description":3078,"labels":3079,"number":3080,"owner":3028,"repository":3028,"state":3030,"title":3081,"updated_at":3082,"url":3083,"score":3084},"Hello,\n\nI wanted to link a PDF for download, but it doesn't worked... \n\nafter some research I found out that nuxtLink has an attribute \"external\", I tried this on the UButton and it worked. \n\nMaybe someone can add this to the docu.\n//doesn't work\n`\u003CUButton to=\"/application.pdf\">Application\u003C/UButton>`\n\n// opens pdf in same tab\n`\u003CUButton to=\"/application.pdf\" external>Application\u003C/UButton>`\n\n// downloads the pdf, keeps the page open\n`\u003CUButton to=\"/application.pdf\" external download>Application\u003C/UButton>`\n\ncheers,\ngregor\n\n",[],32570,"[de:translated] Attributes \"external\" not documented for button","2025-07-09T12:25:46Z","https://github.com/nuxt/nuxt/issues/32570",0.778059,{"description":3086,"labels":3087,"number":3091,"owner":3028,"repository":3029,"state":3092,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### 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_",[3088,3089,3090],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4155,"closed","InputNumber ButtonGroup support","2025-05-15T12:30:59Z","https://github.com/nuxt/ui/issues/4155",0.7553331,{"labels":3098,"number":3113,"owner":3028,"repository":3028,"state":3092,"title":3114,"updated_at":3115,"url":3116,"score":3117},[3099,3101,3104,3107,3110],{"name":3019,"color":3100},"8DEF37",{"name":3102,"color":3103},"good first issue","fbca04",{"name":3105,"color":3106},"types","2875C3",{"name":3108,"color":3109},"3.x","29bc7f",{"name":3111,"color":3112},"dx","C39D69",15148,"Autocompletion for the `target` attribute of the `\u003CNuxtLink>` component","2023-01-19T17:45:16Z","https://github.com/nuxt/nuxt/issues/15148",0.75590503,{"description":3119,"labels":3120,"number":3124,"owner":3028,"repository":3029,"state":3092,"title":3125,"updated_at":3126,"url":3127,"score":3128},"### 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_",[3121,3122,3123],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4013,"Add ability to provide an anchor for the popover","2025-05-22T15:04:18Z","https://github.com/nuxt/ui/issues/4013",0.7589884,{"description":3130,"labels":3131,"number":3135,"owner":3028,"repository":3029,"state":3092,"title":3136,"updated_at":3137,"url":3138,"score":3139},"### Description\n\nWhen a dot is selected in the UCarousel component, we get no attribute in the element : \n\n- no data-selected\n- no aria-current for accessibility\n\nSince there is no dots/dot slot, we have no possibility to style these dots when selected or not. The only difference is the bg style being either bg-accented or bg-inverted, which is overwritten if we actually style the background.\n\nIs there any way to add these attributes ? At least for accessibility.\n\n### Additional context\n\n_No response_",[3132,3133,3134],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4403,"UCarousel selected dot has no attribute","2025-07-07T10:09:58Z","https://github.com/nuxt/ui/issues/4403",0.7611316,["Reactive",3141],{},["Set"],["ShallowReactive",3144],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fpXX9V4Je6vxocsmR535PAKOHtdl6QWjrRDgx_NNVRNM":-1},"/nuxt/ui/4611"]