import { createMachine } from 'xstate'; // This machine is completely decoupled from Vue export const toggleMachine = createMachine({ id: 'toggle', context: { /* some data */ }, initial: 'inactive', states: { inactive: { on: { TOGGLE: 'active' } }, active: { on: { TOGGLE: 'inactive' } } } });
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter