Drawer pushing page content
On Nuxt UI 3, is it possible the push the content of the page when opening an UDrawer
5 Replies
Hi @Omnislash. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I'm sorry, but the knowledge sources do not mention a built-in way for UDrawer in Nuxt UI 3 to push the page content when opening. All documented Drawer behaviors show it as an overlay that slides over the content, not one that shifts or resizes the main content area to make space for the drawer. The available props and examples focus on overlay, direction, inset, and similar features, but do not describe a "push" mode for the drawer component Drawer usage and props.
If you need this behavior, you may need to implement a custom layout or use a different component, as the official documentation does not provide a solution for pushing content with UDrawer.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@305772639438503936> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
I think there's an effect kinda like that https://ui.nuxt.com/components/drawer#scale-background
doesn't push but it scales the background
but if you want it to be a part of the flex flow of your site then i think you need to make your own. that's what i had to do for my chat on my site so that when closed my main site fills the page but when opened (or resized) it resizes to fit available space
damn :/
it's for an open source project, creating a nuxt ui theme builder
I can't bother to go that far XD
thanks for the info 🙂