textarea

state
Not required
string/object
"default"
State for the Textarea can be one of the following: "default", "error", or "success". It can also be an object with the following properties: `name` and `message`.
className
Not required
string
id
Not required
string/number
style
Not required
object
disabled
Not required
bool/func
false
resize
Not required
string
"vertical"
rows
Not required
number
placeholder
Not required
string
onChange
Not required
func
value
Not required
string
message
Not required
string
Text (or an element) placed below the textarea box on the left.
label
Not required
string/element
info
Not required
string/element
Text (or an element) placed on the right side of the label.

A textarea component for long text input with support for labels, states, and validation messages.

Textarea is an input for long text. If you need to use it as part of a form (with useForm), prefer TextareaField instead.

Basic textarea usage

Textarea with different resize options

Textarea with label and info

Textarea with validation states

Disabled textarea

Textarea with custom label

Styling Note: If you are looking to add space between elements, use the Stack component instead of applying a margin to the Textarea.