Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔

Thanks to @shrutibalasa for the idea and @shadcn for the inspiration. 🙏

Which tip/snippet do you want to see next with tailwindcss? Comment below.

@tailwindcss Surjith, the solution is excellent and easy to implement, but I am unsure about using anchor elements for this kind of case in the context of SEO optimization.

@tailwindcss I just shown example of an app, in real life these would be links to other pages right? In that case <a> is preferred. If the action happens on same page, it should be <button>

@tailwindcss How did I not know about Tailwind Play?

@tailwindcss you are late to the party. its been there for years.

@tailwindcss Thanks for sharing this

@tailwindcss 🤜🤛

@tailwindcss How does this fare for accessibility?

@tailwindcss This is keyboard accessible + tried with mac voiceover and it worked without any issues. Also working on mobile.