Changing a component's appearance in Javascript

[sled]

I'm wondering what's the best way to change a component's appearance from Javascript. E.g. if I wanted to change the color or size of a Badge from a Stimulus controller, how would I do that?

Any pointers are appreciated :)

[matiasleidemer]

Hey @sled, there are a few ways of doing it; it usually depends on how complex the component you want to update is.

If your component is simple, like a Badge, just changing its classes via element.classList.toggle should do the trick.

When the component is more complex, I like to render both versions on the server and hide one. Then, in a stimulus controller, I can hide the active one and show the alternate version when required.