Update Wizard docs for v2

[johnrom]

related #1714

[dickiedyce]

That would be lovely - I'm trying to update the rather elegant codebox example to use hooks and a functional component rather than a class based one... and not getting very far ;-)

[jsheflin]

yes please

[thepabloaguilar]

Hi, guys! I'm trying to use the Wizard example with a customs form field from Tabler React! How can I integrate them?

Generally, I create forms using useFormik and I can assign the values of value & onChange as follow:

<Form.Input
  ...
  value={formik.values.firstName}
  onChange={formik.handleChange}
  ...
/>

I'm using this example!

Code on example:

<Wizard.Page>
  <div>
    <label>First Name</label>
    <Field
      name="firstName"
      component="input"
      type="text"
      placeholder="First Name"
      validate={required}
    />
    <Error name="firstName"/>
  </div>
</Wizard.Page>

My code:

<Wizard.Page>
  <Form.Group label='First Name' isRequired>
    <Form.Input
      id='firstName'
      name='firstName'
      type='text'
      placeholder='First name'
    />
  </Form.Group>
</Wizard.Page>