Setting multiple states
Using state listeners to create a stateful progress bar
A listener allows you to perform an action based on the value of a state. In this example, we’re updating a progress bar element based on our state. This gives us the ability to click on ProtoShare components outside of the advanced HTML component to set states, but to have the contents of it dynamically change. The progress bar could be used to help simulate a login or checkout process.
The examples above require state IDs. These IDs can be found on the states panel just to the right of the state name.
Advanced HTML components are not necessary to be successful in ProtoShare but give advanced users the ability to further extend the functionality of their designs.