\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_",[3062,3065,3066],{"name":3063,"color":3064},"enhancement","a2eeef",{"name":3036,"color":3037},{"name":3052,"color":3053},4501,"Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.7546708,{"description":3073,"labels":3074,"number":3078,"owner":3022,"repository":3039,"state":3024,"title":3079,"updated_at":3080,"url":3081,"score":3082},"### Description\n\nIt is very non-obvious, how to customize the style of indicator in Tabs and NavigationMenu components.\nI try to change the position of indicator to top of the link when NavigationMenu is in mobile mode (sticked to the bottom of the screen), but can't figure out how to do it.\nAlso try to make the text bold and background highlighted with border around and gradient in Tabs component.\n\n### Additional context\n\n_No response_",[3075,3076,3077],{"name":3063,"color":3064},{"name":3036,"color":3037},{"name":3052,"color":3053},4591,"Documentation: Styling of indicator in Tabs and NavigationMenu","2025-07-24T15:51:09Z","https://github.com/nuxt/ui/issues/4591",0.76078176,{"description":3084,"labels":3085,"number":3086,"owner":3022,"repository":3087,"state":3024,"title":3088,"updated_at":3089,"url":3090,"score":3091},"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.76352966,{"description":3093,"labels":3094,"number":3097,"owner":3022,"repository":3098,"state":3099,"title":3100,"updated_at":3101,"url":3102,"score":3103},"Hello,\r\n\r\n\r\n\r\nThe button on this screenshot (github, discord and twitter) does nothing and you could use X (instead of Twitter) like in footer!",[3095],{"name":3048,"color":3096},"ff281a",1409,"nuxt.com","closed","Home 'Built by developers around the world.' buttons does nothing","2023-11-03T10:28:58Z","https://github.com/nuxt/nuxt.com/issues/1409",0.6970286,{"description":3105,"labels":3106,"number":3110,"owner":3022,"repository":3039,"state":3099,"title":3111,"updated_at":3112,"url":3113,"score":3114},"### 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```",[3107,3108,3109],{"name":3063,"color":3064},{"name":3036,"color":3037},{"name":3052,"color":3053},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.7326746,{"description":3116,"labels":3117,"number":3121,"owner":3022,"repository":3039,"state":3099,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### Environment\n\nnot needed\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\ncheck current docs: https://ui.nuxt.com/components/navigation-menu#content-orientation\n\n### Description\n\n\n\nThe dropdown is at wrong position... also the \"arrow\" prop doesnt work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3118,3119,3120],{"name":3048,"color":3049},{"name":3036,"color":3037},{"name":3052,"color":3053},4073,"UNavigationMenu: Dropdown broken","2025-05-13T12:02:03Z","https://github.com/nuxt/ui/issues/4073",0.7432278,{"description":3127,"labels":3128,"number":3021,"owner":3022,"repository":3098,"state":3099,"title":3131,"updated_at":3132,"url":3133,"score":3028},"You can rework the default style of open dropdowns with this linked exemples :\nhttps://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/%F0%9F%96%A5---nuxt.com?node-id=3736%3A46251",[3129],{"name":3063,"color":3130},"1ad6ff","[Component] Dropdown improvement","2022-06-27T15:09:13Z","https://github.com/nuxt/nuxt.com/issues/708",["Reactive",3135],{},["Set"],["ShallowReactive",3138],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fW1Vk-MQmvjJu8ov_r-vCcaNTXAuC_FxrxmWODv8Ae1g":-1},"/nuxt/ui/2337"]