You typed, ""
<FormTextarea
@label="Text"
@value={{this.value}}
@onInput={{this.setValue}}
@errors={{this.validationErrors}}
/>
<p class="mt-4">
You typed, "{{this.value}}"
</p>
| Arg | Type | Description | Required | Default |
|---|---|---|---|---|
value
|
unknown
|
The value to be used in the input. You must also pass `onChange` or `onInput` to update its value. | Yes | - |
containerClass
|
string
|
CSS classes to be added in the container element | - | - |
errors
|
string | string[]
|
A list of errors or a single text describing the error | - | - |
hasError
|
boolean
|
If has errors | - | - |
hasSubmitted
|
boolean
|
If the form has been submitted, used to force displaying errors | - | - |
hint
|
string
|
A help text to be displayed | - | - |
label
|
string
|
The group label | - | - |
onChange
|
(value: string, event: InputEvent) => void
|
Callback when onchange is triggered | - | - |
onFocusIn
|
(event: FocusEvent) => void
|
Callback when onfocus is triggered | - | - |
onFocusOut
|
(event: FocusEvent) => void
|
Callback when onblur is triggered | - | - |
onInput
|
(value: string, event: InputEvent) => void
|
Callback when oninput is triggered | - | - |
showError
|
boolean
|
Force displaying errors | - | - |
size
|
'sm' | 'lg'
|
The size | - | - |
type
|
string
|
The input type | - |
'text'
|