Let's build the above navigation sidebar with TailwindCSS & Nuxt.js. It's not necessarily a nuxt specific project I will be hardly using any ...
For further actions, you may consider blocking this person and/or reporting abuse
Thanks for the article.
Just checked it, works in a similar way I have explained here.
When I click on Nuxt-link the sidebar still open.. how close it when a link is clicked ? Awesome work btw! 🔥
You can add a close logic when link is clicked with @click.native="isOpen = false"
The .native ensure click happens as well page ia navigated.
The background is very cut.
Cut?
thanks!
Hi Ahmed
thank you for this great example.
how could I have the main content to shrink when the sidebar is displayed, instead of the sidebar to overlap the main content?
Wonderful... one question:
How to open menu from the right?
Replace
left-0
withright-0
to have the menu position to the right, then replace-translate-x-full
withtranslate-x-full
to have the transition change direction toward the right instead of the left.Nice
Thank you Ahmed