TextArea
A simple textarea field
Default example
Invalid state
Labelled with helper and error text
Label, helper and error text to give provide more context and useful hints.
Props - TextArea
Name | Description | Type | Default Value |
|---|---|---|---|
description | Renders a neutral helper message underneath the input. | string ｜ undefined | `` |
disabled | boolean ｜ undefined | false | |
errorMessage | Renders a red error message for validation underneath the input. | string ｜ undefined | `` |
id | string ｜ undefined | n/a | |
isValid | Renders the input as valid or invalid | boolean ｜ undefined | true |
label | Renders a label inside the input. | ReactNode | n/a |
loading | boolean ｜ undefined | false | |
name | string ｜ undefined | n/a | |
onChange | ChangeEventHandler<HTMLInputElement> & ChangeEventHandler<HTMLTextAreaElement> | n/a | |
value | Value of the input. This should be stored in the state of the parent component | string & (string ｜ number ｜ readonly string[] ｜ undefined) | `` |