We went back-and-forth with modifier classes, but the fact remained, we just want to turn the thing on and off. No matter what it is! That’s where the idea of active originated.

The general idea is that on any of our components that have varying states, active is used to indicate the thing being on. This makes it easy to programmatically control a component’s state if you’re building a more complex application and utilizing something like a JavaScript framework.

The active class is utilized to toggle various components like accordion, info box, modal, and drawer.