Transition descriptions

You can add descriptions to transitions to illustrate what they do.

This text is used by the Visualizer and the Studio Editor to make the diagrams more descriptive.

ts
import { createMachine } from 'xstate';
 
const machine = createMachine({
  on: {
    SAY_HELLO: {
      actions: 'sayHello',
      description: 'Runs the sayHello action',
    },
  },
});

ts
import { createMachine } from 'xstate';
 
const machine = createMachine({
  on: {
    SAY_HELLO: {
      actions: 'sayHello',
      description: 'Runs the sayHello action',
    },
  },
});