A parallel state is a state separated into multiple regions of child states, where each region is active simultaneously.
A dashed line borders each region.
View this machine in the Stately Studio.
In the video player machine above, the video and audio states are active at the same time, which means the following combinations of states can happen simultaneously:
- video playing, audio muted
- video playing, audio unmuted
- video stopped, audio muted
- video stopped, audio unmuted
Make a state a parallel state
First, select the parent state you want to set as a parallel state. Then…
Using the quick actions menu:
- Right-click the state to bring up the quick actions menu.
- Choose Parallel from the Type options.
Using the State details panel:
- Select the parent state you want to set as the parallel state.
- Open the State details panel from the right tool menu.
- Choose Parallel from the Type dropdown menu.