Multi-State Box
2 min
Use a multi-state box to display different content for different situations, or to let site visitors easily navigate multiple displays.
Important
You can change the design of a multi-state box that you installed as part of an app. If you want to create a new multi-state box see this tutorial.
Here are some ideas you can implement using a multi-state box:
- Show different site content depending on whether there's an upcoming event.
- Display an error state when something goes wrong.
- Switch between "sale," "new," and "out of stock" badges for your products.
- Let visitors navigate what appear to be multiple tabs.
- Show a preloader while content is loading.
Show me how to:
Change the background of a state
Set the transition effects
.Change the box's border, corners, and shadows
.Add a new state (technical users only)
Delete a state (technical users only)
.
Technical Users: Click for advanced information
