Textarea API
API reference docs for the Stash Textarea component. Learn about the props, CSS, and other APIs of this exported module.
Import
ts
import Textarea from '@leaflink/stash/Textarea.vue';Props
| Name | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | false | Indicates whether the textarea is disabled. |
| errorText | string | '' | Error text for the textarea element. |
| hintText | string | '' | Hint text for the textarea element. |
| label | string | ' ' | Label text for the textarea element. |
| modelValue | string | '' | Value for the textarea element. |
| placeholder | string | undefined | Placeholder text for the textarea element. **Note:** placeholders should be used to display examples; they should not be used as labels because they are not accessible as labels. If a real label cannot be used, use the `aria-label` attribute. |
| resize | boolean | TextareaResizeOptions | false | Allow textarea to be resizable vertically. Alternatively if you want to disable automatic scroll when resizing, you can set `{ forceBrowserScroll: false }` |
| showOptionalInLabel | boolean | false | Render "(optional)" to the right of the label text |
| value | string | number | null | null | Deprecated. Use :model-value or v-model instead of :value. |
Slots
| Name | Description |
|---|---|
| hint | Hint content |
Events
| Name | Description |
|---|---|
| update:model-value | Emitted when the model value changes. |