Markup Defines States

Markup Defines States is a pattern where the markup itself defines the state of a component, making it easier to model, inspect, and style. This approach allows developers to use the structure of the HTML to represent different states of a component, rather than relying solely on CSS classes or JavaScript to manage state.