Form Wizard | Zyeon UI

Preview in your theme

three real gates — press Next with an empty form and focus jumps to the first bad field; the last step summarises, Edit jumps back, submit is async (600ms)

Account

How you'll sign in.

Work email

Password

At least 8 characters.

async validate — 'ada' is taken; Next goes pending for 800ms, then the error lands on the field

Claim a handle

Checked against the directory when you press Next.

Handle

Taken in this demo: ada, grace, linus. Anything else is free.

Nothing reserved yet.

allowSkipAhead false vs true — same steps, same gate on Next, different rail permissions

allowSkipAhead={false} (default) — seeded on step 2: step 1 is clickable, steps 3–4 are disabled in the rail. Forward movement only happens through Next, which runs the gate.

Billing email

allowSkipAhead={true} — every step in the rail is clickable, so a returning user can jump straight to Review. Next still validates: click Review, then Back to step 2, empty the billing email and press Next.

Billing email

Neither wizard has been submitted yet.

optional step — Skip advances without validating, Next on the same step still validates the emails

Source

Import from

No import started yet.

single step — Back is disabled, the primary button is the submit, the rail is one segment

Send feedback

A single step: no Back, and the primary button is already the submit.

What should we fix?

At least 10 characters.

Nothing sent yet.

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro