Reference Source
import {WizardView} from '@adobe/coral-spectrum'
public class | source

WizardView

Expression Extends:

class WizardView extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A WizardView component is the wrapping container used to create the typical Wizard pattern. This is intended to be used with a StepList and a PanelStack.

See:

Example:

Markup
<coral-wizardview></coral-wizardview>
JS constructor
new Coral.WizardView();

Member Summary

Public Members
public

The set of controlled PanelStacks.

public

The set of controlling StepLists.

Method Summary

Public Methods
public

next()

Shows the next step.

public

Shows the previous step.

Public Members

public panelStacks: Collection source

The set of controlled PanelStacks. Each PanelStack must have the coral-wizardview-panelstack attribute.

  • read-only

public stepLists: Collection source

The set of controlling StepLists. Each StepList must have the coral-wizardview-steplist attribute.

  • read-only

Public Methods

public next() source

Shows the next step. If the WizardView is already in the last step nothing will happen.

Emit:

coral-wizardview:change

public previous() source

Shows the previous step. If the WizardView is already in the first step nothing will happen.

Emit:

coral-wizardview:change