Skip to main content

Stepper

Description​

<jp-stepper> convey progress through numbered steps.

Attributes​

NameRequiredTypeDescription
steps✓string[]name of each step

Slots​

This component does not have any slots.


Methods​

  • next
    • goes to the next step
  • previous
    • goes to the previous step
  • reset
    • goes to the first step

Events​

  • change
    • triggers when step changes

Demo​

Live Editor
// import '../static/c/stepper.wc.js';

<jp-stepper steps='["one", "two", "three"]'></jp-stepper>
Result
Loading...