Version: XState v4

States

A state describes the machine’s status or mode, which could be as simple as Paused and Playing. A state machine can only be in one state at a time.

These states are “finite”; the machine can only move through the states you’ve pre-defined.

Create a state

Create a new target state

Each transition has a source state and a target state. To create a new target state from a source state:

Select the source state.
Press or drag from one of the handles on the left, right and bottom sides of the selected state, and release to create a connecting transition, event and new state.

Create a new child state

How to create child and parent states.

Delete a state

First, select the state you want to delete.

Use the triple dot icon button to open the Edit menu.
Choose Delete to delete the selected state.

Using backspace

Use the Backspace key to delete the selected state.

Docs for XState v4 are no longer actively maintained

States

Create a state

Create a new target state

Create a new child state

Delete a state

Using the context menu

Using backspace

Docs for XState v4 are no longer actively maintained

Create a state​

Create a new target state​

Create a new child state​

Delete a state​

Using the context menu​

Using backspace​

Create a state

Create a new target state

Create a new child state

Delete a state

Using the context menu

Using backspace