Modern Front-End Development for Rails

Stimulus Has Class

In our current code we are using the hidden CSS class to denote hidden status, and we are hard-coding the class name inside our controller. For a short class name like hidden, that’s unlikely to change. That’s not really a big deal, but it’s better practice to not tightly couple the class name to the controller and specify the exact CSS classes only in the view. Eventually, we’ll want our controller to have more generic behavior.

Stimulus has a mechanism for this, where we can store the class name as a special data attribute. Essentially, this is a special case of the values attributes. The name of the data attribute has the form data-<controllerName>-<descriptor>-class, and the value of the attribute is the name of the CSS ...