JSPM

@aire-ux/aire-wizard

1.0.8
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q61840F
  • License MIT

Wizard Component for Aire/Vaadin

Package Exports

  • @aire-ux/aire-wizard
  • @aire-ux/aire-wizard/styles/wizard-page.css
  • @aire-ux/aire-wizard/styles/wizard.css
  • @aire-ux/aire-wizard/wizard
  • @aire-ux/aire-wizard/wizard-page

Readme

aire-wizard

Aire-wizard is a full-featured wizard component for Vaadin flow

Contributing

  1. Clone the repo: git clone git@github.com:aire-ux/aire-wizard
  2. Prepare package for development: gradle prepareDevelop. This runs:
    • npm link (links the local package to @aire-ux/aire-wizard)
    • npm link @aire-ux/aire-wizard@<version> where version is specified in package.json

Features

The Aire Wizard supports:

  1. Arbitrarily-complex wizard topologies
  2. Auto-generation of controls
  3. Horizontal and vertical step layout
  4. Localization
  5. Browser history integration
  6. validation
  7. model-passing
  8. steps-per-icon

Simple Usage


@Route("simple/wizard")
public class SimpleWizard extends VerticalLayout {

  public SimpleWizard() {
    wizard = new Wizard<>();
    wizard.addSteps(Page1.class, Page2.class);
    wizard.addTransition(Page1.class, Page2.class);
    wizard.setInitialStep(Page1.class);
    add(wizard);
  }
}

@WizardPage(key = "page-1", title = "hello")
public class Page1 extends AbstractWizardPage<String, Object> {


}
@WizardPage(key = "page-2", title="hello")
public class Page2 extends AbstractWizardPage<String, Object> {


}

Example

Simple, empty wizard