@comparaonline/ui-wizard-form-stepper

Component to identify the current step in a Wizard Form, by convention you can navigate only to previous steps.

Usage no npm install needed!

<script type="module">
  import comparaonlineUiWizardFormStepper from 'https://cdn.skypack.dev/@comparaonline/ui-wizard-form-stepper';
</script>

README

@comparaonline/ui-wizard-form

Component to identify the current step in a Wizard Form, by convention you can navigate only to previous steps.

Installation

yarn add @comparaonline/ui-wizard-form

Usage

Example

<WizardFormStepper
  activeStepId="1"
  stepGroups={[
    { label: '1', stepIds: ['a', 'b', 'c'] },
    { label: '2', stepIds: ['d', 'e', 'f'] }
  ]}
  onStepClick={stepId => goTo(stepId)}
/>