What are the different types of states?

The Different Types of States

There are several different types of states that can be added to a component.

Hover

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.

Hashmark

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.

Loading

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.

No Condition

It's also possible to have States which are not automatically active. These States can be activated using the Activate State Interaction.

Was this article helpful?