Skip to main content
100%

Generated by XState Viz: https://xstate.js.org/viz

✓ Published0🌍 Public
Aadamscott
Last edited Feb 13, 2020
Created on Feb 13, 2020

This example shows a multi-step form wizard for a free trial signup, where users navigate through fields like name, email, and password before reaching a confirmation screen. The state machine, defined with XState’s `Machine` and `interpret`, tracks the current form and skips already-filled fields using guards like `hasNext` and `hasBack`. Actions such as `assign` update the `currentForm` based on helper functions `getNextForm` and `getBackForm`, while the initial context pre-populates email and employee data. The visualization, rendered by XState Viz, displays transitions between `idle`, `form`, and `confirm` states.

AI-generated description

Similar vizzes