Homecomponentsinput
Textarea
A field to get multiple lines of plain text.
The Textarea component allows you to create multi-line text inputs.
Size
Use size property to set the size of the input.
Label
Use label property to set the label for input.
Label tip
Use tip property to add a tooltip next to label.
Secondary Label
Use secondaryLabel to add a seconday label.
0/30
Placeholder
Use placeholder property to add a placeholder to the input.
Description
Use description property to add a note below the input.
Please write at least several sentences.
Disabled
Use disabled property to disable the input.
Error
Use errorMessage property to add an error message below the input.
Message should contain at least 30 characters
Lines
Use lines property (5 in this example) to set the number or rows in the input.
Maximum Lines (Auto-height)
Use maxLines property to indicate the maximum lines it should grow to automatically.
Character Limit
Use characterLimit (20 in this example) to set the limit max number of characters.
API
name
Required
string
placeholder
string
disabled
true
false
size
small
regular
value
string
onChange
((value: string) => void)
onBlur
FocusEventHandler<HTMLTextAreaElement>
required
true
false
autoComplete
true
false
autoFocus
true
false
lines
number
maxLines
number
characterLimit
number
resize
both
none
horizontal
vertical
id
string
label
string
tip
string
secondaryLabel
ReactNode
description
string
errorMessage
string
data
DataAttributeMap
ref
Ref<HTMLTextAreaElement>
key
Key | null