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
Building a daily selfie app with AI video generation User Avatar 25 comments You roasted my MVP. I listened. Here is v1.3 (Crash-proof & 100% Local) User Avatar 20 comments Why I built a 'dumb' reading app in the era of AI and Social Feeds User Avatar 12 comments 710% Growth on my tiny productivity tool hit differently, here is what worked in January User Avatar 10 comments I learned the hard way that strategy fails without proper diagnosis User Avatar 2 comments A job board focusing on remote impact jobs User Avatar 2 comments