Notably Polite Mariner

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

    3.8.3 • 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>
    );

    Keywords

    none

    Install

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

    DownloadsWeekly Downloads

    50

    Version

    3.8.3

    License

    MIT

    Unpacked Size

    201 kB

    Total Files

    86

    Last publish

    Collaborators

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