TextField

Text fields let users enter and edit text.

When to use

When a maxLength and label needs to be provided.

Examples

import { TextField } from 'tailor-ui';

Basic

Text Field

Text Field

With maxLength

12

Text Field

With textarea

Text Field(textarea)

With textarea & maxLength

100

Text Field(textarea)

With textarea & error

Please type 'error'

With maxLength & error

12

Please type 'error1' or 'error2'

With empty label

30

With controlled value switch

18

API

Property	Description	Type	Default
label	The label text	string
value	value of the TextField	string
defaultValue	defaultValue of the TextField	string
maxLength	The content max length of textfield	number
textarea	Whether the input is a textarea	boolean	false
disabled	Disabled the TextField	boolean	false

If you are using textarea props, you can consult Input's documentation to find more textarea APIs.