4
4 Comments

Any way Tailwind can provide a filterable select box?

I would like to include a select box in a form that is searchable. The experience is like this: https://vue-select.org/

This Vue select box looks good but the build is quite large (~20kb). It doesn't support Vue 3 yet. I would like to see if there are any alternatives.

Can Tailwind css / component help me to develop it easily? Any component is out of the box?

posted to Icon for group TailwindCSS
TailwindCSS
on December 10, 2020
  1. 3

    You can find inspiration here for your needs: https://tailwindcomponents.com/component/dropdown-with-search-box

    This also, but I'm not 100% sue it supports Vue 3: https://www.vue-tailwind.com/docs/rich-select

    You'll just have to add the search logic afterwards

    1. 1

      Thanks! Will take a look

  2. 1

    Do you need the functionality or the design of it instead?

    1. 1

      I am going to put a long list of data, probably 10 - 100 rows. So the filterable drop-down feature is good for me. Now I just stick the standard html select box

Trending on Indie Hackers
I shipped a productivity SaaS in 30 days as a solo dev — here's what AI actually changed (and what it didn't) User Avatar 296 comments I built a tool that shows what a contract could cost you before signing User Avatar 107 comments The coordination tax: six years watching a one-day feature take four months User Avatar 69 comments My users are making my product better without knowing it. Here's how I designed that. User Avatar 55 comments 85% of visitors leave our pricing page without buying. sharing our raw funnel data User Avatar 51 comments I Found Blue Ocean in the Most Crowded Market on the Internet User Avatar 39 comments