<FormGroup />

Wrapper for an Input field. Uses reactstrap FormGroup.

Example

import React from 'react';
import { Form } from '@availity/form';
import { FormGroup, Input, Label } from 'reactstrap';
import * as yup from 'yup';

const Example = () => (
  <Form
    initialValues={{
      hello: '',
    }}
    onSubmit={() => ({})}
    validationSchema={yup.object().shape({
      hello: yup.string().required(),
    })}
  >
    <FormGroup for="hello">
      <Label for="hello">Hello Field</Label>
      <Input name="hello" />
    </FormGroup>
  </Form>
);

Live example: Storybook

Props

for: string

Used to match the wrapped input. Must be the same name given to the input field.