@comparaonline/ui-wizard-form-manager
TypeScript icon, indicating that this package has built-in type declarations

2.2.6 • Public • Published

@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>
);

Readme

Keywords

none

Package Sidebar

Install

npm i @comparaonline/ui-wizard-form-manager

Weekly Downloads

22

Version

2.2.6

License

MIT

Unpacked Size

33.8 kB

Total Files

14

Last publish

Collaborators

  • gnavarro
  • dsuarez_compa
  • pfariaz
  • ricardo.sosa
  • suarezcumare
  • fverag
  • comparaonline-dev
  • comparaonlineprivate
  • matotias
  • javierlara1989
  • smurua
  • eseceve
  • pablocompara