\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_",[3139,3142,3145],{"name":3140,"color":3141},"enhancement","a2eeef",{"name":3143,"color":3144},"v3","49DCB8",{"name":3146,"color":3147},"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":3157,"labels":3158,"number":3164,"owner":3149,"repository":3150,"state":3151,"title":3165,"updated_at":3166,"url":3167,"score":3168},"### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/winter-bush-zyn48t?file=%2Fapp%2Fapp.vue%3A4%2C33\n\n### Description\n\nFor some reason the badge is not diplayed when it is a number `0` even tho it has been recently set to be not displayed only when undefined in #b22891a https://github.com/nuxt/ui/commit/b22891abe68c40d4a33fbbcedac93e3a6be9951f\n",[3159,3162,3163],{"name":3160,"color":3161},"bug","d73a4a",{"name":3143,"color":3144},{"name":3146,"color":3147},4670,"`NavigationMenuItem` badge is not displayed when `0`","2025-08-06T13:08:54Z","https://github.com/nuxt/ui/issues/4670",0.71919125,{"description":3170,"labels":3171,"number":3175,"owner":3149,"repository":3150,"state":3151,"title":3176,"updated_at":3177,"url":3178,"score":3179},"### Description\n\nOptions in `SelectMenu` might need a description below the title e.g. like the watch dropdown on github:\n\n\u003Cimg width=\"362\" height=\"378\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/78093701-742b-49ad-8b60-e26435a3bca5\" />\n\nIt can be worked around using `item-label` slot, but it would be nice if developer can use `items` props only to implement it for simpler way.\n\nBelow, I have tried to create it using Reka UI `combobox` component, the component used by SelectMenu.\n\n\u003Cimg width=\"329\" height=\"460\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e5cda771-3f8e-4369-bb3b-d5159f84d425\" />\n\n### Additional context\n\n_No response_",[3172,3173,3174],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4661,"SelectMenu: add description props to show text below title","2025-08-06T02:19:32Z","https://github.com/nuxt/ui/issues/4661",0.7279954,{"description":3181,"labels":3182,"number":3186,"owner":3149,"repository":3150,"state":3151,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Package\n\nv3.x\n\n### Description\n\nIs it possible to add support for customizing active item styles directly through the ui prop in `UNavigationMenu`?\n\nRight now, the ui prop does not seem to handle active states. The only way to style active items is through global configuration in app.config.\n\nIt would be very helpful if ui could accept something like:\n\n```\n\u003CUNavigationMenu\n :collapsed=\"collapsed\"\n :items=\"links[0]\"\n orientation=\"vertical\"\n :ui=\"{\n list: 'flex flex-col gap-1',\n link: {\n base: 'p-2 text-xs rounded-lg transition',\n active: 'bg-primary text-white', // before:bg-primary\n inactive: 'text-gray-700 hover:bg-gray-100'\n }\n }\"\n tooltip\n popover\n/>\n```",[3183],{"name":3184,"color":3185},"question","d876e3",4849,"Can `UNavigationMenu` support active styles via the ui prop?","2025-08-30T10:29:01Z","https://github.com/nuxt/ui/issues/4849",0.7386283,{"description":3192,"labels":3193,"number":3196,"owner":3149,"repository":3150,"state":3151,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Package\n\nv3.x\n\n### Description\n\nI want to use CheckboxGroup to choose from a list of users with avatars (like in USelectMenu [example](https://ui.nuxt.com/components/select-menu#with-avatar-in-items)).\nTo implement this I need to pass a list of items with a type \"CheckboxGroupItem\", which doesn't have an Avatar field.\nAs an idea it's possible to use SelectMenuItem or DropdownMenuItem merged with CheckboxGroupItem.\nAlso it is possible to use `#label` slot in CheckboxGroup, but need an example, how to use it. \nSeems that you can't pass avatar to the slot as field of the item nether.\n\n### Additional context\n\n_No response_",[3194,3195],{"name":3140,"color":3141},{"name":3146,"color":3147},4848,"[Checkbox and CheckboxGroup] Add Avatar before and after the label","2025-08-30T07:46:47Z","https://github.com/nuxt/ui/issues/4848",0.75897574,{"description":3202,"labels":3203,"number":3207,"owner":3149,"repository":3150,"state":3208,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### 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_",[3204,3205,3206],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4006,"closed","[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.6810197,{"description":3214,"labels":3215,"number":3219,"owner":3149,"repository":3150,"state":3208,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### 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```",[3216,3217,3218],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.68738574,{"description":3225,"labels":3226,"number":3234,"owner":3149,"repository":3150,"state":3208,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### Description\n\nTo enhance user experience in some cases we can show selected values as Badges(chips) and it helps the user to see selected values. It can even deselect it without the need to open the list and find between long items. \r\n\r\neg: \r\n\r\n\r\n\r\n\r\nIt can be very helpful for developers and it's a handy feature.\r\n\r\nI implemented it and I will make PR for that soon :).\r\n\n\n### Additional context\n\n_No response_",[3227,3228,3229,3232],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3230,"color":3231},"closed-by-bot","ededed",{"name":3233,"color":3231},"stale",1088,"Badges as display value for SelectMenu component","2025-08-18T02:13:52Z","https://github.com/nuxt/ui/issues/1088",0.6980194,{"description":3240,"labels":3241,"number":3244,"owner":3149,"repository":3150,"state":3208,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### 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_",[3242,3243],{"name":3140,"color":3141},{"name":3143,"color":3144},4039,"Supports changing unchecked icon of `\u003CUCheckbox>` `\u003CUCheckboxGroup>`","2025-05-23T13:21:58Z","https://github.com/nuxt/ui/issues/4039",0.73202395,{"description":3250,"labels":3251,"number":3255,"owner":3149,"repository":3150,"state":3208,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### 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_",[3252,3253,3254],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3146,"color":3147},4494,"Carousel component could be made more accessible (v3).","2025-07-10T12:18:41Z","https://github.com/nuxt/ui/issues/4494",0.7372972,["Reactive",3261],{},["Set"],["ShallowReactive",3264],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNTTr6G-Zx4m9vdR-VFYDdBzkdLqrXPb1vlsfA7UFwvw":-1},"/nuxt/ui/4548"]