@comparaonline/ui-wizard-form

@comparaonline/ui-wizard-form

This is the Form component that contains every input. It uses react-final-form's(RFF) Form component to handle value's state.

Installation

yarn add @comparaonline/ui-wizard-form

Usage

This component receives some mandatory props in order to initialize the react-final-form(RFF) Form component

1. formProps: These props are passed directly to the RFF's Form component, so if you need to pass something directly to the component, this is the way.

2. next, previous, isLastStep, isFirstStep: These functions allows to the component to correctly render navigation buttons and loading messages.

3. currentStep: Is the step that is actually rendering.

Example

<WizardForm
  formProps={{ onSubmit }}
  currentStep={{ id: '1' }}
  next={navigationFunction}
  previous={navigationFunction}
  isLastStep={booleanFunction}
  isFirstStep={booleanFunction}
  isLoading={false}
/>