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?

  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
Passed $7k 💵 in a month with my boring directory of job boards 57 comments How I got 1,000+ sign-ups in less than a month with social media alone 22 comments 87.7% of entrepreneurs struggle with at least one mental health issue 14 comments How to Secure #1 on Product Hunt: DO’s and DON'Ts / Experience from PitchBob – AI Pitch Deck Generator & Founders Co-Pilot 13 comments Competing with a substitute? 📌 Here are 4 ad examples you can use [from TOP to BOTTOM of funnel] 10 comments Are you wondering how to gain subscribers to a founder's X account from scratch? 9 comments