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.
Message
Label tip
Use tip property to add a tooltip next to label.
Message
Secondary Label
Use secondaryLabel to add a seconday label.
Message
0/30Placeholder
Use placeholder property to add a placeholder to the input.
Message
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.
Message
Error
Use errorMessage property to add an error message below the input.
Message
Lines
Use lines property (5 in this example) to set the number or rows in the input.
Message
Maximum Lines (Auto-height)
Use maxLines property to indicate the maximum lines it should grow to automatically.
Message
Character Limit
Use characterLimit (20 in this example) to set the limit max number of characters.
Message
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
none
horizontal
vertical
both
id
string
label
string
tip
string
secondaryLabel
ReactNode
description
string
errorMessage
string
data
DataAttributeMap
ref
Ref<HTMLTextAreaElement>
key
Key | null