Easy-to-use Tailwind-styled multi-select built with Stimulus

Pasha Kalashnikov
2 min readSep 11, 2024

Just like this!

We’ve added multi-select to Tramway on Rails.

The main issue with complex inputs in the modern Rails application is the Javascript framework these inputs are built.

You can easily add ready-to-use multi-select built with React or Vue (maybe jQuery). But your Rails application does not use these frameworks, so adding them just for multi-select looks like an overhead. Moreover, adding React, Vue and even jQuery to modern Rails applications could be a complicated task, because of tests, CI, and other environments.

I thought about this issue so much and decided to add complex inputs like multi-select, autocomplete, etc. to the Tramway. Our multi-select is Tailwind-styled because all inputs in Tramway are Tailwind-styled now.

Since 0.4.9 you are able to use Stimulus-built multi-select with tramway_form_for helper.

Pasha, you suggest adding Stimulus to the Rails application. What is the difference between adding [React, Vue, jQuery] and adding Stimulus?

Don’t forget that Stimulus is part of the Hotwire, which already become the default option for building full-stack applications. So, I think we may name Stimulus — the default Javascript framework for Rails 😏

Let’s discuss using Tailwind-styled Stimulus-built multi-select in Tramway here.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

No responses yet