1

fx-switch Wizard

Start
Details
Options
Finish

Welcome

This is the first page of the wizard. It could contain an introduction, a short explanation, or a choice that decides how the following pages behave.

The transition is handled in CSS. The active page is selected by fx-switch.

Some details

This page could contain a form. For the demo it only contains arbitrary text.

Options

A wizard step can also contain groups, controls, repeats, or any other Fore UI.

  • Declarative state in the model
  • Page switching with a bound fx-switch
  • Progress display from the same step value

Done

This is the final page. In a real wizard this could show a summary or trigger a submission.

Current step: