\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_",[3019,3022,3025],{"name":3020,"color":3021},"enhancement","a2eeef",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"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.6909959,{"description":3037,"labels":3038,"number":3039,"owner":3029,"repository":3040,"state":3031,"title":3041,"updated_at":3042,"url":3043,"score":3044},"According to the [Vue-Iconify Docs](https://iconify.design/docs/icon-components/vue/transform.html#rotation) one can pass a `rotate` and `flip` Prop to transform the Icon, to display it in different orientations.\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CIcon name=\"ic:round-double-arrow\" size=\"26\" :rotate=\"flip && '2'\" />\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst flip = ref(false);\r\n\u003C/script>\r\n```\r\n\r\nWhile this works fine with nuxt-icon during development, it breaks in a Prod build. The transformations no longer get applied.\r\n\r\nIt would be great if nuxt-icon could also support these props, if possible. I'm open to help with this issue if someone could give me some pointers where to start.",[],138,"icon","[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.75976366,{"description":3046,"labels":3047,"number":3051,"owner":3029,"repository":3030,"state":3052,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Description\n\nAs the title says, I think it would be nice to introduce a prop named `square` (like the one for the `Button` component) to be able to have a squared badge for those times where you have only the `icon` and not a label.\n\nCan I get this assigned? I would like to open a PR about this :)\n\n### Additional context\n\n_No response_",[3048,3049,3050],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4006,"closed","[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.6810197,{"description":3058,"labels":3059,"number":3063,"owner":3029,"repository":3030,"state":3052,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### Description\n\nI was looking to implement tooltip for NavigationMenu links as it was available in the DashboardSidebarLinks component in v2. But seems like the feature is no longer present in v3. \n\nhttps://ui2.nuxt.com/pro/components/dashboard-sidebar-links\n\nLet me know if there is still a simple way to implement tooltips specially in the collapsed Sidebar. I don't wanna go down with the slots approach. It looks dirty.\n\n\n\n### Additional context\n\nThis is what I have to do in order to get it to work. I believe this should be part of Nuxt UI already.\n\n``` js\n\u003CUNavigationMenu :collapsed=\"collapsed\" :items=\"links\" orientation=\"vertical\">\n \u003Ctemplate #item-leading=\"{ item }\">\n \u003CUTooltip :disabled=\"!collapsed\" :text=\"item.label\">\n \u003CUIcon\n :name=\"item.icon || ''\"\n class=\"text-dimmed group-hover:text-default size-5 shrink-0 transition-colors\"\n />\n \u003C/UTooltip>\n \u003C/template>\n\u003C/UNavigationMenu>\n```",[3060,3061,3062],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.68738574,{"description":3069,"labels":3070,"number":3073,"owner":3029,"repository":3030,"state":3052,"title":3074,"updated_at":3075,"url":3076,"score":3077},"### Description\n\nI'm making a voting system visualizer with Nuxt UI.\n\n\n\nHere, I need to add ❌ for unchecked items, which doesn't seem easy now.\n\n### Additional context\n\n_No response_",[3071,3072],{"name":3020,"color":3021},{"name":3023,"color":3024},4039,"Supports changing unchecked icon of `\u003CUCheckbox>` `\u003CUCheckboxGroup>`","2025-05-23T13:21:58Z","https://github.com/nuxt/ui/issues/4039",0.73202395,{"description":3079,"labels":3080,"number":3084,"owner":3029,"repository":3030,"state":3052,"title":3085,"updated_at":3086,"url":3087,"score":3088},"### Description\n\nThis is a re-opening of #1484 but for v3. It seems in the transition from v2 to v3, giving the indicators (now \"dots\") ARIA \"tab\" roles was lost. While I did mention it in my original issue, I don't believe my original PR accounted for when multiple items would be displayed at the same time. Perhaps the changes for v3 can take that into account.\n\n### Additional context\n\n_No response_",[3081,3082,3083],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4494,"Carousel component could be made more accessible (v3).","2025-07-10T12:18:41Z","https://github.com/nuxt/ui/issues/4494",0.7372972,{"description":3090,"labels":3091,"number":3095,"owner":3029,"repository":3030,"state":3052,"title":3096,"updated_at":3097,"url":3098,"score":3099},"### Description\n\nIn v2, this attribute existed, but it not exsit in v3. Without noPrefetch control on large sites, the traffic consumption can be enormous.\n\n### Additional context\n\n_No response_",[3092,3093,3094],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},3748,"ContentNavigation&NavigationMenu add noPrefetch Prop","2025-05-10T17:36:22Z","https://github.com/nuxt/ui/issues/3748",0.7375396,{"labels":3101,"number":3108,"owner":3029,"repository":3029,"state":3052,"title":3109,"updated_at":3110,"url":3111,"score":3112},[3102,3105],{"name":3103,"color":3104},"documentation","5319e7",{"name":3106,"color":3107},"3.x","29bc7f",11790,"add \"bridge\" badge to compatible sections in navbar","2023-01-19T15:43:36Z","https://github.com/nuxt/nuxt/issues/11790",0.7431761,{"description":3114,"labels":3115,"number":3123,"owner":3029,"repository":3030,"state":3052,"title":3124,"updated_at":3125,"url":3126,"score":3127},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: css, compatibilityDate, devtools, future, modules, runtimeConfig, ssr, typescript\n- Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/ui-pro@3.1.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-auth-utils@0.5.20, nuxt-authorization@0.3.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nJust use the code of https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/settings.vue and add a child to one of the links used for the UNavigationMenu. Like :\n````\n{\n label: \"General\",\n icon: \"i-lucide-user\",\n to: \"/settings\",\n children: [\n {\n label: \"Hello\",\n icon: \"i-lucide-book-open\",\n },\n ],\n exact: true,\n },\n````\n\n### Description\n\nIt seems wrapping the UNavigationMenu component in UDashboardToolbar will cause the UNavigationMenu's links children dropdown to not appear or be hidden.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3116,3119,3120],{"name":3117,"color":3118},"bug","d73a4a",{"name":3023,"color":3024},{"name":3121,"color":3122},"nuxt/ui-pro","00dc82",4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.75077933,{"description":3129,"labels":3130,"number":3133,"owner":3029,"repository":3134,"state":3052,"title":3135,"updated_at":3136,"url":3137,"score":3138},"",[3131],{"name":3020,"color":3132},"1ad6ff",196,"nuxt.com","Media images should have status badges","2023-02-15T12:31:52Z","https://github.com/nuxt/nuxt.com/issues/196",0.75198656,["Reactive",3140],{},["Set"],["ShallowReactive",3143],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNTTr6G-Zx4m9vdR-VFYDdBzkdLqrXPb1vlsfA7UFwvw":-1},"/nuxt/ui/4548"]