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
Just checked it, works in a similar way I have explained here.
Thanks for the article.
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?
Thank you Ahmed
Nice
Wonderful... one question:
How to open menu from the right?
Replace
left-0withright-0to have the menu position to the right, then replace-translate-x-fullwithtranslate-x-fullto have the transition change direction toward the right instead of the left.thanks!
The background is very cut.
Cut?
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.