\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_",[3020,3023,3026],{"name":3021,"color":3022},"enhancement","a2eeef",{"name":3024,"color":3025},"v3","49DCB8",{"name":3027,"color":3028},"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.79077274,{"description":3038,"labels":3039,"number":3048,"owner":3030,"repository":3030,"state":3032,"title":3049,"updated_at":3050,"url":3051,"score":3052},"### Describe the feature\n\nIt would be nice if you could show something like an animated image when reloading the code like Next js does. \r\n\r\nUnfortunately, the device from which you'd be working on is the one that gets its view refreshed and not the other devices like Next js. Please add these features. \n\n### Additional information\n\n- [ ] 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).",[3040,3042,3045],{"name":3021,"color":3041},"8DEF37",{"name":3043,"color":3044},"dx","C39D69",{"name":3046,"color":3047},"馃嵃 p2-nice-to-have","0E8A16",21422,"HMR Spinner & Devices ","2024-06-30T11:08:38Z","https://github.com/nuxt/nuxt/issues/21422",0.7962544,{"description":3054,"labels":3055,"number":3058,"owner":3030,"repository":3031,"state":3032,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### Description\n\nThis is a follow up to this: https://github.com/nuxt/ui/issues/4498\n\nI'm using NuxtUi and not the NuxtJS framework (inertiajs), and I would to do something like this:\n\n```js\n{\n icon: {\n provider: 'server', // \u003C-- own server here\n customCollections: [\n {\n prefix: 'my-icon',\n dir: './assets/my-icons'\n },\n ],\n },\n}\n```\n\nThe original bug report suggests workaround that aren't that plug-and-play. For example, it may be possible to use an Laravel instance that pushes the icon-set to S3, and nuxt-ui using the S3-instance (e.g. https://s3.example.org/icons/) as a base for the icon collection(s).\n\n### Additional context\n\n_No response_",[3056,3057],{"name":3021,"color":3022},{"name":3027,"color":3028},4541,"Custom Icon server path","2025-07-16T14:22:40Z","https://github.com/nuxt/ui/issues/4541",0.7987581,{"description":3064,"labels":3065,"number":3069,"owner":3030,"repository":3031,"state":3032,"title":3070,"updated_at":3071,"url":3072,"score":3073},"### Description\n\nRadioGroup has 3 styles that dramatically change the look. Which is a bit contrary to the overall UI concept of the library. After all, in all components variant changes only the color, not the entire rendering.\n\nI propose to add variants: solid, outline, soft, subtle, ghost. Styles can be taken from Button.\n\nAnd the current styles list, card, table should be moved to a new props, but I don't know what to call it.\n\n### Additional context\n\nOccasionally there is a need to make a visual button, but to work as radio",[3066,3067,3068],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4545,"Expand RadioGroup and bring it to a common style","2025-07-17T15:53:35Z","https://github.com/nuxt/ui/issues/4545",0.8051357,{"description":3075,"labels":3076,"number":3077,"owner":3030,"repository":3078,"state":3032,"title":3079,"updated_at":3080,"url":3081,"score":3082},"Hello, how do I use the Rendering only visible icons feature of the Iconify web component? I'm using animated icons and want the animation to restart each time they enter the viewport\nhttps://iconify.design/docs/iconify-icon/#rendering-only-visible-icons",[],397,"icon","How to use the Rendering only visible icons feature of the Iconify web component?","2025-05-19T00:30:06Z","https://github.com/nuxt/icon/issues/397",0.80715847,{"description":3084,"labels":3085,"number":3089,"owner":3030,"repository":3031,"state":3090,"title":3091,"updated_at":3092,"url":3093,"score":3094},"### Description\n\nIn the Stepper Component, it could be good if we add a `tag: { type: String, default: 'h3' }` props in `const props = defineProps({ ... }) `\nCurrently, it's a h4 by default and we cannot switch for a h3. \n\n### Additional context\n\n_No response_",[3086,3087,3088],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4096,"closed","Add tag props - Stepper Component","2025-05-10T15:59:29Z","https://github.com/nuxt/ui/issues/4096",0.73314476,{"labels":3096,"number":3101,"owner":3030,"repository":3030,"state":3090,"title":3102,"updated_at":3103,"url":3104,"score":3105},[3097,3098],{"name":3021,"color":3041},{"name":3099,"color":3100},"2.x","d4c5f9",8811,"Add classes to loading to customize nuxt-progress bar","2023-01-22T17:08:38Z","https://github.com/nuxt/nuxt/issues/8811",0.757438,{"description":3107,"labels":3108,"number":3112,"owner":3030,"repository":3031,"state":3090,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Description\n\nHi there. We are moving our app to NuxtUI and we are loving it so far! Really appreciative of all your hard work on this amazing package. Our stack is NuxtUI+Inertia+Rails.\n\nI spent part of my weekend digging into UIcon and Iconify. Pardon my ignorance if I've missed something obvious, I'm new to this part of the ecosystem... I thought it would be useful to put some thoughts in here and collect what I've learned.\n\n1. UIcon/Iconify always load icons from the network (`api.iconify.design`)\n2. It's not really possible to use NuxtUI without relying heavily on UIcon/Iconify due to various icon attributes in the components.\n3. I know unplug-icons and Nuxt have some support for bundled icons, but they don't apply if you are using Nuxt UI standalone.\n\nSee #4167 and others\n\nWe want to bundle our icons to avoid a dependency on api.iconify.design. I ended up writing a script that scanned our app for icon names and builds a custom `icons.json` file. I put some custom icons in there too using `@iconify/tools`... `icons.json` can be loaded into iconify with `addCollection()`. In dev I also warn on missing icons via `setCustomIconsLoader()`.\n\nDoes that sound correct? Are there solutions I'm missing?? I'd be happy to contribute doc updates or whatever if that would be helpful.\n\nThanks again!\n\n### Additional context\n\n_No response_",[3109,3110,3111],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4481,"thoughts on UIcon/Iconify","2025-07-10T09:59:29Z","https://github.com/nuxt/ui/issues/4481",0.7786262,{"description":3118,"labels":3119,"number":644,"owner":3030,"repository":3078,"state":3090,"title":3120,"updated_at":3121,"url":3122,"score":3123},"Font awesome supports tags that animate the icon\r\n\r\nspin & pulse are some examples.\r\n\r\nAnyway we can support these?\r\n\r\nThanks\r\n",[],"spin, pulse, or other animations","2022-12-19T15:51:29Z","https://github.com/nuxt/icon/issues/7",0.77880937,{"description":3125,"labels":3126,"number":644,"owner":3030,"repository":3127,"state":3090,"title":3128,"updated_at":3129,"url":3130,"score":3123},"",[],"nuxt.com","`/account/teams` page","2023-02-15T12:31:35Z","https://github.com/nuxt/nuxt.com/issues/7",["Reactive",3132],{},["Set"],["ShallowReactive",3135],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5oDubnGtTniL6jJzj7eoBKiV2XLqnX_W8Zy2_FH_5MQ":-1},"/nuxt/ui/4059"]