v0.29.2
Textareas are stylized form controls with the ability of controling validation. Text Field Design Guidelines.
Edit the code below to see your changes live!
Supports all native <textarea />
element attributes.
Prop Name | Type | Default | Description |
---|---|---|---|
description | string | FormControlDescription |
| Append a description to the textarea field. |
error | string | string[] | FormControlError | FormControlError[] |
| Displays an error message for the field. |
label | string | FormControlLabel |
| Label element for textareas. Component with auto generate |
labelId | string |
| Appends an |
rows | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 3 | Determines the intial height via HTML's |
resize | boolean | true | Determines if the textarea is resizable vertically. |
Props ending with * are required
Textareas allow you to pass in an error
message that will control the styles of an input. The logic on the input can be controlled with the onChange
prop.
Edit the code below to see your changes live!
By default, a Textarea
displays with 3
rows. In order to set the intial amount of rows, pass in the rows
prop. There can only be a maximum of 7
rows.
Edit the code below to see your changes live!
You can also control whether Textarea
components are resizeable. Resizing is only available on the vertical axis.
Edit the code below to see your changes live!