\n\n### Additional context\n\n_No response_",[3018,3021],{"name":3019,"color":3020},"enhancement","a2eeef",{"name":3022,"color":3023},"triage","ffffff",4606,"nuxt","ui","open","✨ Expand/Collapse Support for Component Theme JSON in Nuxt UI Docs","2025-07-26T11:50:47Z","https://github.com/nuxt/ui/issues/4606",0.77479035,{"description":3033,"labels":3034,"number":3040,"owner":3025,"repository":3026,"state":3027,"title":3041,"updated_at":3042,"url":3043,"score":3044},"### Description\n\nWhilst working with snap points, (direction bottom) and the drawer **IS NOT** dismissible, If i'd dragged the drawer all the way up, then went to drag the drawer down again, it would stop at the 2nd to last stop (the first stop going back down) and would just jump to the next stop instead of dragging. It was only after scrolling through the vaul repo that I found [this was the issue](https://github.com/emilkowalski/vaul/blob/54b099cfeed77905f3b06d553c728b3102b15b40/src/use-snap-points.ts#L176) `const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1` \n`fadeFromIndex` should be a prop (and made clear), as it prevents the dragging functionality, I had to manually amend this value and if i'd have known it was a prop, it would have saved me a lot of time.\n\n### Additional context\n\n_No response_",[3035,3036,3039],{"name":3019,"color":3020},{"name":3037,"color":3038},"v3","49DCB8",{"name":3022,"color":3023},4546,"Drawer prop amendment - snap point support","2025-07-18T13:40:39Z","https://github.com/nuxt/ui/issues/4546",0.77496463,{"description":3046,"labels":3047,"number":3052,"owner":3025,"repository":3026,"state":3027,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Description\n\nHey! Thanks for trying to make nuxt/ui even more awesome.\n\nI've been struggled with adding NavigationMenu items animation on toggling collapsed of/off states. \nI'd like to make it work smoothly and keep only icons with popovers in collapsed state and show the rest only when collapsed is off. out of the box its only toggled on/off without transitions.\nI see no option to pass slot to wrap labels with vue Transition component or use Motion-vue and either css animations like data-[collaped=true]:animate.... not working well because whole inner content of nav is wrapped with \"v-if\" and switched on collapsed. \n\nIn some components data-[state] animations works well, but not in collapsed NavigationMenu. Or am I doing something wrong?\nOnly a way I see is to override whole item slot. But for now I've just get rid of NavigationMenu and made my own custom component with fancy transitions.\nPlease point me to right direction and suggest best practices, cuz I'd like to use most of components and make it work with smooth transitions/animations, but sometimes got stucked with limitations/lack of knowledge. \n\nofftop: For example, wasted many hours trying to achieve smooth slide-down transition for table expanded rows. Ended up with expanded slot with UCollapsible plus exclusive inner state for it, changed with setTimeout(() => { ... }, 300), Ugly, hucky, but it works.",[3048,3051],{"name":3049,"color":3050},"question","d876e3",{"name":3037,"color":3038},4254,"NavigationMenu transitions/animations on toggle collapsed state","2025-05-29T21:37:50Z","https://github.com/nuxt/ui/issues/4254",0.7776284,{"description":3058,"labels":3059,"number":3063,"owner":3025,"repository":3026,"state":3027,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### 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",[3060,3061,3062],{"name":3019,"color":3020},{"name":3037,"color":3038},{"name":3022,"color":3023},4545,"Expand RadioGroup and bring it to a common style","2025-07-17T15:53:35Z","https://github.com/nuxt/ui/issues/4545",0.77990156,{"description":3069,"labels":3070,"number":3074,"owner":3025,"repository":3026,"state":3027,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### Description\n\nUsing `\u003CUNavigationMenu>` it adds an external icon when prop `to` is an external link: \n\n\u003Cimg width=\"196\" height=\"69\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e7417d54-ca16-48c2-9992-a54a9bed764d\" />\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_",[3071,3072,3073],{"name":3019,"color":3020},{"name":3037,"color":3038},{"name":3022,"color":3023},4501,"Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.7809187,{"description":3080,"labels":3081,"number":3084,"owner":3025,"repository":3026,"state":3027,"title":3085,"updated_at":3086,"url":3087,"score":3088},"### Description\n\nIs there a way to add custom props to a component for styling—similar to how variant works for buttons? I’d like to add variant support to FormField, but currently, it only supports size.\n\nMy main goal is to allow styling of components provided by my Nuxt module. Ideally, I want to define variants and extra props via app.config.ts. An alternative approach I'm thinking of is to offer per-component config options, similar to Nuxt UI, but managed separately from its config.",[3082,3083],{"name":3049,"color":3050},{"name":3037,"color":3038},4148,"Additional props like variants for styling","2025-05-14T12:47:31Z","https://github.com/nuxt/ui/issues/4148",0.7884594,{"description":3090,"labels":3091,"number":3095,"owner":3025,"repository":3026,"state":3096,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### Description\n\nIs there any chance we can get option to enable/disable collapsible when collapsed prop is true. v3.0.0-alpha.13 'fixed' NavigationMenu: disable collapsible with collapsed prop, i used nuxt ui since v3.0.0-alpha.12 and thought the collapsible when collapsed was feature.\n\n### Additional context\n\n_No response_",[3092,3093,3094],{"name":3019,"color":3020},{"name":3037,"color":3038},{"name":3022,"color":3023},3353,"closed","NavigationMenu: Option to enable collapsible with collapsed prop","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3353",0.70995826,{"description":3102,"labels":3103,"number":3112,"owner":3025,"repository":3026,"state":3096,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Description\n\nI believe we should be able to collapse elements from left to right and invert them using the UCollapsible component.\n\n### Additional context\n\n_No response_",[3104,3105,3106,3107,3110],{"name":3019,"color":3020},{"name":3037,"color":3038},{"name":3022,"color":3023},{"name":3108,"color":3109},"closed-by-bot","ededed",{"name":3111,"color":3109},"stale",3202,"Horizontal collapse support","2025-06-18T09:02:23Z","https://github.com/nuxt/ui/issues/3202",0.7315355,{"description":3118,"labels":3119,"number":3123,"owner":3025,"repository":3026,"state":3096,"title":3124,"updated_at":3125,"url":3126,"score":3127},"### Description\n\nThe [popover](https://ui.nuxt.com/components/popover) uses the content of the default slot to create a trigger, but there is no way to provide a custom anchor. A `\u003Ctemplate #anchor>` slot for this purpose would be great.\n\n```html\n\u003CUFormField label=\"name\" name=\"name\">\n \u003CUPopover :open=\"isAutoCompleteOpen\">\n \u003Ctemplate #anchor>\n \u003CUInput v-model=\"state.name\" />\n \u003C/template>\n \u003Ctemplate #content>\n \u003CPlaceholder class=\"size-48 m-4 inline-flex\" />\n \u003C/template>\n \u003C/UPopover>\n\u003C/UFormField>\n```\n\nMy use case is building an autocomplete for a text input. The `InputMenu` is not suitable because the dropdown is too intrusive.\n\n### Additional context\n\n_No response_",[3120,3121,3122],{"name":3019,"color":3020},{"name":3037,"color":3038},{"name":3022,"color":3023},4013,"Add ability to provide an anchor for the popover","2025-05-22T15:04:18Z","https://github.com/nuxt/ui/issues/4013",0.7594802,{"description":3129,"labels":3130,"number":3133,"owner":3025,"repository":3026,"state":3096,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### Description\n\nThe new `\u003CUTimeline />` component is designed to display events from oldest to newest, and the `:default-value` prop highlights the current point in this forward timeline.\n\nHowever, when using the component to present recent events first (i.e. reverse chronological order), the current active logic becomes non-functional.\n\n**Proposal**:\n\n**Add a `reverse` prop**: This would allow the timeline to render items in reverse order (newest to oldest). This is useful for activity feeds or changelogs where latest events should appear first.\n\n### Additional context\n\n_No response_",[3131,3132],{"name":3019,"color":3020},{"name":3037,"color":3038},4299,"feat(timeline): add reverse option and color item option","2025-06-12T15:06:52Z","https://github.com/nuxt/ui/issues/4299",0.76108235,["Reactive",3139],{},["Set"],["ShallowReactive",3142],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frWyaAmwcHCVwRRFiCOYv9hTmiGGToNNQDZh99mQQGrk":-1},"/nuxt/ui/4146"]