Wizard-JS | Wizard Library Demo by Adrii

A lightweight wizard UI component that supports accessibility and HTML5 in vanilla JavaScript.

Steps 1 and 2 are marked as async. Each one reads all of its fields, waits briefly, and applies a different rule before allowing the wizard to continue.

Campaign name *

Description of the campaign

Async rule for this step: Campaign name must be Other.

Title *

Body *

Image

This step simulates an async validation before the wizard can move forward. It reads every field in the step and blocks the transition unless the Title is exactly LoR.

Action *

Segment