\n```",[3168],{"name":3169,"color":3170},"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.7705704,{"description":3177,"labels":3178,"number":3182,"owner":3147,"repository":3148,"state":3149,"title":3183,"updated_at":3184,"url":3185,"score":3186},"### 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_",[3179,3180,3181],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4546,"Drawer prop amendment - snap point support","2025-07-18T13:40:39Z","https://github.com/nuxt/ui/issues/4546",0.7710011,{"description":3188,"labels":3189,"number":3195,"owner":3147,"repository":3147,"state":3196,"title":3197,"updated_at":3198,"url":3199,"score":3200},"Hi @Atinux,\r\nit's good to add `dir:` `rtl` or `ltr` to Customize the Progress Bar options.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1346\">#c1346\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3190,3192],{"name":3169,"color":3191},"cc317c",{"name":3193,"color":3194},"2.x","d4c5f9",1512,"closed","Add direction in Progress Bar","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1512",0.7219436,{"description":3202,"labels":3203,"number":3208,"owner":3147,"repository":3147,"state":3196,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Version\n\n[v2.3.4](https://github.com/nuxt.js/releases/tag/v2.3.4)\n\n### Reproduction link\n\n[https://codesandbox.io/s/github/nuxt/codesandbox-nuxt/tree/master/](https://codesandbox.io/s/github/nuxt/codesandbox-nuxt/tree/master/)\n\n### Steps to reproduce\n\n1. Install using yarn create nuxt-app \u003Cmy-project>\n2. Specify loading color\n3. Add nuxt-link to some page\n\n### What is expected ?\n\nProgress bar should be visible when page is loading\n\n### What is actually happening?\n\nNothing appears\n\n### Additional comments?\n\nI noticed this bug a while back, when started to build a project. \nAt the time I had nuxt version 2.0 installed, it didn't have an if statement in the component so it was always visible in the HTML but the opacity was always 0 when router changed (only the width property was changing). With the latest version loading component doesn't appear at all.\nAt first I thought maybe something wrong with my project, but I installed the demo project and the issue is still there. \nAm I doing something wrong?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8399\">#c8399\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3204,3206,3207],{"name":3205,"color":3145},"stale",{"name":3158,"color":3159},{"name":3193,"color":3194},4682,"Loading progressbar","2023-01-22T15:30:09Z","https://github.com/nuxt/nuxt/issues/4682",0.733385,{"description":3214,"labels":3215,"number":3222,"owner":3147,"repository":3148,"state":3196,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### 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.",[3216,3217,3218,3221],{"name":3169,"color":3170},{"name":3141,"color":3142},{"name":3219,"color":3220},"closed-by-bot","ededed",{"name":3205,"color":3220},4148,"Additional props like variants for styling","2025-08-20T02:08:47Z","https://github.com/nuxt/ui/issues/4148",0.73412097,{"labels":3228,"number":3232,"owner":3147,"repository":3147,"state":3196,"title":3233,"updated_at":3234,"url":3235,"score":3236},[3229,3231],{"name":3138,"color":3230},"8DEF37",{"name":3193,"color":3194},8811,"Add classes to loading to customize nuxt-progress bar","2023-01-22T17:08:38Z","https://github.com/nuxt/nuxt/issues/8811",0.7372817,{"description":3238,"labels":3239,"number":3242,"owner":3147,"repository":3148,"state":3196,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### Description\n\nThe new update replaced the progress component inside toasts.\nhttps://github.com/nuxt/ui/commit/ec569e427ba0a05ae29c4453fff3a60801966e37\n\nWhats missing is the possibility to replace \"bg-accented\" of the progressbar inside the toast.\n\nI know you can use the ui.progress prop inside app.config.ts but woudnt it be helpfull to have the overwrite inside the ui.toast too?\nFor example ui.toast.progressbarBase: \"bg-transparent\" could overwrite the \"bg-accented\" inside ui.progress.base ",[3240,3241],{"name":3169,"color":3170},{"name":3141,"color":3142},4625,"Progress customization inside toast","2025-08-07T12:48:58Z","https://github.com/nuxt/ui/issues/4625",0.7412755,{"labels":3248,"number":3252,"owner":3147,"repository":3147,"state":3196,"title":3253,"updated_at":3254,"url":3255,"score":3256},[3249],{"name":3250,"color":3251},"documentation","5319e7",13653,"Documentation progress","2025-02-22T22:32:21Z","https://github.com/nuxt/nuxt/issues/13653",0.74493784,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_yEk3tobFMAyNJ6z80eS8vREEJK6TYzIPtcaJWy21eI":-1},"/nuxt/ui/3728"]