@comparaonline/ui-forms-brazil

Single component to run the Brazil's Wizard Form, it includes the required translations.

Installation

{
  "peerDependencies": {
    "@material-ui/core": "^3.9.4",
    "react": "^16.8.0",
    "react-dom": "^16.8.0",
    "react-intl": "^2.8.0"
  }
}

Then

yarn add @comparaonline/ui-forms-brazil

Usage

You need to wrap the WizardQuoteForm into a ApolloProvider component.

import { ApolloProvider } from 'react-apollo';
import { WizardQuoteForm } from '@comparaonline/ui-forms-brazil';

return (
  <ApolloProvider client={client}>
    <WizardQuoteForm
      stepId={initialStepId || "plate"}
      router={reactRouterInstance || nextRouterInstance}
      handleSubmit={(values: any) => console.log(values)}
      onStepChange={(wizardProps) => {
        anyCallaback({ ...wizardProps })
      }}
    />
  </ApolloProvider>
);