@comparaonline/ui-wizard-step-manager NPM

@comparaonline/ui-wizard-form-manager

This component is a navigation form manager. It allows you to track the steps for a conversational-like form and render the fields that are already configured.

Installation

yarn add @comparaonline/ui-wizard-form-manager

Usage

This component receives a children function that will inyect the right props to work with WizardFormStepper and WizardForm.

Example

const render = () => (
  <WizardFormManager<FormValues>
    onSubmit={onSubmit}
    steps={steps}
    initialValues={{}}
  >
    {({ onSubmit, initialValues, ...props }) => (
      <>
        <WizardFormStepper
          activeStepId={props.currentStep.id}
          stepGroups={{}}
        />
        <WizardForm
          {...props}
          formProps={{
            onSubmit: onSubmit,
            initialValues: initialValues
          }}
        />
      </>
    )}
  </WizardFormManager>
);

@comparaonline/react-intl-hooks @comparaonline/ui-form-fields-next @comparaonline/ui-forms-validators @comparaonline/ui-wizard-form-next final-form react-final-form tslib

@everything-registry/sub-chunk-193 @comparaonline/ui-fieldset @comparaonline/ui-forms-brazil-next @comparaonline/ui-forms-chile-next @comparaonline/ui-forms-colombia-next @comparaonline/ui-checkout-cicl-bykm @comparaonline/ui-checkout-cico @comparaonline/ui-soap-cl @compara/ui-checkout-cicl-bykm @compara/ui-checkout-cico @compara/ui-soap-cl @comparaonline/car-dealer-chile @infinitebrahmanuniverse/nolb-_compar

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago