\n\u003C/UTooltip>\n```\n\nUnfortunately, the tooltip gets pushed to the top-left corner of the viewport. Am I missing something or doing anything incorrectly here?",[2906],{"name":2907,"color":2908},"question","d876e3",4286,"nuxt","ui","open","Can UColorModeButton be wrapped in a UTooltip?","2025-06-04T11:52:41Z","https://github.com/nuxt/ui/issues/4286",0.78601736,{"description":2918,"labels":2919,"number":2927,"owner":2910,"repository":2911,"state":2928,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Description\n\nI am using the carousel component. Trying to color the dots differently but can't find any documentation on how to achieve this. Is there any doc on the ui property? ",[2920,2921,2924],{"name":2907,"color":2908},{"name":2922,"color":2923},"v3","49DCB8",{"name":2925,"color":2926},"upstream","78bddb",4372,"closed","Carousel Config Options","2025-06-18T13:56:20Z","https://github.com/nuxt/ui/issues/4372",0.7421402,{"description":2934,"labels":2935,"number":2938,"owner":2910,"repository":2911,"state":2928,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Description\n\nI'm wondering how I can style the active dot on the component level through the :ui prop.",[2936,2937],{"name":2907,"color":2908},{"name":2922,"color":2923},4228,"Carousel: Can I style the active dot through the :ui prop?","2025-05-26T15:48:31Z","https://github.com/nuxt/ui/issues/4228",0.7485553,{"description":2944,"labels":2945,"number":2950,"owner":2910,"repository":2911,"state":2928,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nI was browsing through the v3 carousel docs at https://ui.nuxt.com/components/carousel#props, to see whether the v3 version will have callback events for onPrev and onNext, but didn't find it.\n\nIs this something that would be considered to implement?\n\nAlternatively, the ability to bind to the active item in the carousel, could also work.\n\nWe would use it to display an info text next to the image, and change it depending on which image is active in the carousel.\n\nIf this is something that is already possible, then please let me know how :)",[2946,2949],{"name":2947,"color":2948},"enhancement","a2eeef",{"name":2922,"color":2923},2475,"[v3] `Carousel` feature request: callback methods onPrev & onNext","2024-11-07T14:11:43Z","https://github.com/nuxt/ui/issues/2475",0.7685536,{"description":2956,"labels":2957,"number":2964,"owner":2910,"repository":2911,"state":2928,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### Description\n\nIt would be beneficial to introduce a fixed number of image indicators, such as 5, for displaying multiple images within a container. Currently, if there are 20 images spanning the full width of the container, 20 indicators are displayed, which can clutter the UI. Instead, displaying only 5 indicators would enhance clarity and user experience. The functionality would work in such a way that, when navigating through the images, the indicator would remain on the third position until reaching the penultimate image, at which point the indicator would move to the penultimate position. This behavior is similar to the one observed in Airbnb's product photos, serving as a practical example of how it enhances navigation and visual appeal.\r\n\r\n\n\n### Additional context\n\n_No response_",[2958,2959,2962],{"name":2947,"color":2948},{"name":2960,"color":2961},"closed-by-bot","ededed",{"name":2963,"color":2961},"stale",1918,"Carousel indicators for multiple images","2025-06-19T02:12:19Z","https://github.com/nuxt/ui/issues/1918",0.7752894,{"description":2970,"labels":2971,"number":2979,"owner":2910,"repository":2911,"state":2928,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\nOperating System: Windows_NT\nNode Version: v20.18.0\nNuxt Version: -\nCLI Version: 3.14.0\nNitro Version: -\nPackage Manager: unknown\nBuilder: -\nUser Config: -\nRuntime Modules: -\nBuild Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nThere are two things. \n**First: even though the route detection thus the active highlight works when default(no config or when clicking only) but not when using 'v-model' or 'defaultValue'. Tried the code in docs, it only works when item has children. So NavigationMenu doesn't act like a nav menu but just a normal menu.**\n\n```\nconst links = [\n [\n {\n label: t(\"nav.home\"),\n icon: \"ph:house\",\n to: \"/\",\n },\n {\n label: t(\"nav.products\"),\n icon: \"solar:box-linear\",\n to: \"/vendor/products\",\n },\n {\n label: t(\"nav.orders\"),\n icon: \"solar:clipboard-list-linear\",\n to: \"/vendor/orders\",\n },\n ],\n];\n\n\nconst activeItem = '1'\n```\n```\n \u003CUNavigationMenu\n v-model=\"activeItem\"\n orientation=\"vertical\"\n :items=\"links\"\n color=\"neutral\"\n :ui=\"{ link: 'py-2' }\"\n />\n```\n\n\nSecond: It would be better the route detection works for sub routes too. For example a route link should be active not just for /products but also for /products/new, products/g300gk-l2210j etc...\n\n### Additional context\nhttps://ui3.nuxt.dev/components/navigation-menu#control-active-item\n\n### Logs\n\n_No response_",[2972,2975,2978],{"name":2973,"color":2974},"bug","d73a4a",{"name":2976,"color":2977},"needs reproduction","CB47CF",{"name":2922,"color":2923},2360,"[NavigationMenu] Active item logic broken","2024-10-11T09:56:55Z","https://github.com/nuxt/ui/issues/2360",0.7793518,{"description":2985,"labels":2986,"number":2992,"owner":2910,"repository":2910,"state":2928,"title":2993,"updated_at":2994,"url":2995,"score":2996},"### Problem\r\n\r\nThe indicator is not in the foreground\r\n\r\n\r\n### Suggested solution\r\n1. The indicator should be in the foreground\r\n2. The position for the indicator should be configurable\r\n3. The size for the indicator should be configurable\r\n\r\n```\r\nloadingIndicator: {\r\n name: 'circle',\r\n color: '#3B8070',\r\n background: 'white',\r\n position: 'BottomRight', // TopLeft(x1) ... BottomRight(x9) \r\n size: 'small' // small || big\r\n}\r\n```\r\n",[2987,2989],{"name":2947,"color":2988},"8DEF37",{"name":2990,"color":2991},"2.x","d4c5f9",8562,"Set custom position for NuxtBuildIndicator","2023-02-15T00:42:37Z","https://github.com/nuxt/nuxt/issues/8562",0.78483385,{"description":2998,"labels":2999,"number":3005,"owner":2910,"repository":2911,"state":2928,"title":3006,"updated_at":3007,"url":3008,"score":3009},"### 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```",[3000,3001,3002],{"name":2947,"color":2948},{"name":2922,"color":2923},{"name":3003,"color":3004},"triage","ffffff",4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.7909798,{"labels":3011,"number":3014,"owner":2910,"repository":2910,"state":2928,"title":3015,"updated_at":3016,"url":3017,"score":3018},[3012,3013],{"name":2947,"color":2988},{"name":2990,"color":2991},10299,"Layout options","2025-03-12T16:25:33Z","https://github.com/nuxt/nuxt/issues/10299",0.7956549,{"description":3020,"labels":3021,"number":3029,"owner":2910,"repository":2911,"state":2928,"title":3030,"updated_at":3031,"url":3032,"score":3033},"### Description\n\nI am implementing a dashboard with 2 sidebars, one on the left and one on the right with some content in-between them. I want the sidebars to be resizable, and have implemented this on the left sidebar using the resize-handle slot (https://ui.nuxt.com/components/dashboard-resize-handle#within-resize-handle-slot). I tried implementing the same thing on the right sidebar, but I cannot get the resize handle to appear on the left of the component. Can you provide me an example of what props / classes I need to use to accomplish this?\n\nI also want to have a \"Sidebar\" at the bottom of the center content. I know that the components only define a right / left side as a prop. Is there any way to do vertical collapse / resizing on these or should I implement that as a custom component using UCollapsible?",[3022,3023,3024,3025,3028],{"name":2907,"color":2908},{"name":2976,"color":2977},{"name":2922,"color":2923},{"name":3026,"color":3027},"nuxt/ui-pro","00dc82",{"name":2960,"color":2961},4027,"DashboardSidebar / DashboardResizeHandle","2025-05-31T02:08:59Z","https://github.com/nuxt/ui/issues/4027",0.796244,["Reactive",3035],{},["Set"],["ShallowReactive",3038],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fApeShQt2KuWNroEqItJ_dw9U3wkVBcsE7gk2Cp5dGxw":-1},"/nuxt/ui/1410"]