4
4 Comments

Any way Tailwind can provide a filterable select box?

by Benny Chan

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
TailwindCSS
 on December 10, 2020
Say something nice to bennychan…
Post Comment
  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

    Marwann
    ·
    3 years ago
    ·
    Reply
    1. 1

      Thanks! Will take a look

      bennychan
      ·
      3 years ago
      ·
      Reply
  2. 1

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

    omneity
    ·
    3 years ago
    ·
    Reply
    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

      sillycube
      ·
      3 years ago
      ·
      Reply
Trending on Indie Hackers
I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Promptzone - first-of-its-kind social media platform dedicated to all things AI. 8 comments How to create a rating system with Tailwind CSS and Alpinejs 7 comments