Step 1

Step 2

Step 3

Step 4

Visualizer
{ "value": "closed", "previousValue": "", "event": {}, "previousEvent": {}, "context": { "step": null, "preventInteraction": true, "closeOnInteractOutside": true, "closeOnEscape": true, "keyboardNavigation": true, "offset": { "x": 10, "y": 10 }, "radius": 4, "skipBehavior": "complete", "translations": { "nextStep": "next step", "prevStep": "previous step", "close": "close tour", "skip": "skip tour" }, "id": "000000110000030000000", "currentRect": { "width": 0, "height": 0, "x": 0, "y": 0 }, "boundarySize": { "width": 0, "height": 0 }, "currentStepIndex": -1, "currentStep": null, "hasNextStep": true, "hasPrevStep": false, "firstStep": false, "lastStep": false, "closeOnEsc": true }, "done": false, "tags": [ "closed" ], "nextEvents": [ "START", "RESUME", "STEPS.SET", "STEP.SET" ], "changed": false }