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
Why Indie Founders Fail: The Uncomfortable Truths Beyond "Build in Public" User Avatar 139 comments Your AI Product Is Not A Real Business User Avatar 88 comments The Clarity Trap: Why “Pretty” Pages Kill Profits (And What To Do Instead) User Avatar 34 comments Stop Building Features: Why 80% of Your Roadmap is a Waste of Time User Avatar 33 comments I built an enterprise AI chatbot platform solo — 6 microservices, 7 channels, and Claude Code as my co-developer User Avatar 30 comments I got let go, spent 18 months building a productivity app, and now I'm taking it to Kickstarter User Avatar 22 comments