Skip to main content

<Feedback />

Error message container for an input

Example

import React from 'react';
import { Form, Input, Feedback as FormFeedback } from '@availity/form';
import { Button, Label, FormGroup } from 'reactstrap';

const Example = () => (
<Form
initialValues={{
hello: '',
}}
onSubmit={() => ({})}
validationSchema={yup.object().shape({
hello: yup.string().required('Oops'),
})}
>
<FormGroup>
<Label>Hello Field</Label>
<Input name="hello" feedback="true" />
<FormFeedback name="hello" />
</FormGroup>
<Button type="submit" color="primary">
Submit
</Button>
</Form>
);

Props

name: string

Name used to match the validation schema to the message.