FormField

Examples

import { Select, Input, FormField } from 'tailor-ui';

Use validationMessage with Input

Input

Error Message

Required Input

Error Message

Use validationMessage with controlled props

Input

Use validationMessage with Select

Select

Banana

Error Message

Use yup validator with Input

Please Type `error`

Required Input

this is a required field

use function validator with Input

Please Type `error`

Please Type `error`

Use function of array validator with Input

Please Type `error1` or `error2`

Please Type `error1` or `error2`

API

Property	Description	Type	Default
label	The label of field	string
required	Show the * after the field label	boolean	false
validator	validator can be function / object array / yup schema, see above examples to learn how to use it	Validator
validationMessage	display message on field	ReactNode