Here’s how the same example would work using a typical Alpine approach: The state is held in x-data attributes and Alpine’s job is to take that state and ensure the UI reflects it automatically.

Are you looking to buy a car but can't decide between a Alpine A110 or Zeekr X (awd)? Use our side by side comparison to help you make a decision. We compare design, practicality, price, features, ...