Tailwindcss: [Feature Request] Dropdown

[marktopper]

I would like to request having a dropdown like this: http://getbootstrap.com/docs/4.0/components/dropdowns/

[adamwathan]

This is out of the scope of this project unfortunately because it's impossible to provide a dropdown without imposing aesthetic design decisions, and because Tailwind has no JS component for providing the interactivity like Bootstrap does.

Here's a simple example of how you could build your own with Tailwind and Vue.js:

https://jsfiddle.net/16sjk3br/1/

[camiant]

Just an addition for closing on outside-click
https://codesandbox.io/s/qvow6lvp64

[2567910]

could you add an option with jquery?

[vedmant]

Would be nice to have official examples in documentation of how to implement popular components. So it's easy to copy paste and modify.

[MartijnHarmenzon]

Would be nice to have a pure CSS example. Perhaps like Bulma?
https://bulma.io/documentation/components/dropdown/

Or this?
https://codepen.io/raneio/pen/NbbZEM

Or with some minor Vanilla JS code...

[vricop]

This is what you can find in Tailwindcss webpage:

Most CSS frameworks do too much.

They come with all sorts of predesigned components like buttons, cards, and alerts that might help you move quickly at first, but cause more pain than they cure when it comes time to make your site stand out with a custom design.

Tailwind is different.

Instead of opinionated predesigned components, Tailwind provides low-level utility classes that let you build completely custom designs without ever leaving your HTML.

I think this message is pretty clear. This is more like a css library than a framework.

[harmenzon]

I fully agree with that. That's why I am trying to switch from Bulma to Tailwind. However, currently Tailwind shows a video example with Vue. I would prefer not to use any JS frameworks. Therefore, an example without Vue would be nice.

[vricop]

I fully agree with that. That's why I am trying to switch from Bulma to Tailwind. However, currently Tailwind shows a video example with Vue. I would prefer not to use any JS frameworks. Therefore, an example without Vue would be nice.

Plain html video in Adams' youtube chanel: https://www.youtube.com/watch?v=_JhTaENzfZQ&list=PL7CcGwsqRpSMgVc5NxXUpqmGOS9s1YrWF