TextArea ​
WARNING
This component is still under development. It is not yet available in releases of Codex.
Multi-line text input that allows manual resizing.
Attributes passed to textarea
This component will pass any HTML attributes applied to it, except for CSS class, to the <textarea>
element within the component.
Demos ​
Configurable ​
Name | Value |
---|---|
Props | |
status | |
autosize | |
placeholder | |
disabled | |
readonly | |
rows | |
View | |
Reading direction |
Default ​
The TextArea component uses v-model
to two-way bind the reactive reference to the value of <textarea>
. The reactive reference will automatically update when the value changes in the <textarea>
. The value updates due to an emitted input
event.
Usage ​
Props ​
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
modelValue | Current value of the textarea. Provided by v-model binding in the parent component. | string | - | '' |
status | status attribute of the textarea. | ValidationStatusType | 'default' , 'error' | 'default' |
autosize | Describes whether the textarea grows vertically to show all text. When autosize is true, the textarea automatically grows in height (vertically). The height of the textarea expands while the user types in the textarea. The content inside the textarea is visible and there's no scroll. | boolean | true , false | false |
Events ​
Event name | Properties | Description |
---|---|---|
update:modelValue | modelValue string - The new model value | When the textarea value changes. |