Stimulus Has Class
Let's learn about specifying CSS classes in view and how it affects our application's coupling.
We'll cover the following...
Hidden CSS Class
In our current code, we use 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. While application breaking, it’s a best practice to not tightly couple the class name to the controller. Instead, it’s often best to 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>-<descripto ...