The Different Types of States
There are several different types of states that can be added to a component.
The most common type of state. This state is active when the user hovers over the component with their mouse.
Pixels From Top Of Page
This state is active when the user has scrolled a certain number of pixels from the top of the page.
Pixels From Top Of Viewport
This state is active when the user has scrolled a certain number of pixels from the top of the viewport.
This state is active when the user has scrolled to a component with a specific URL hashmark. URL hashmarks are configurable on any Container under "Config" on the on the right side of the editor.
This state is active when an interaction is running on the component which has the state. Loading states are really useful for interactive buttons, like Add to Cart buttons.
It's also possible to have States which are not automatically active. These States can be activated using the Activate State Interaction.