Textarea
Augmented textarea form field.
Config
The options below are to be set in the global configuration at the following location:
{
components: {
textarea: { ... },
},
}
class
Classes applied to the textarea element, except when the prop bare
is set to true
. See styling components.
- type:
Array<String | Object> | Object | String | (props: Object) => {}
- default:
null
Example
class: 'field field--textarea'
API
Name | Type | Default | Description |
---|---|---|---|
Props | |||
variant | string|array | null | Useful when used in the component config |
bare | boolean | false | Disable class inheritance from the component config. See styling components. |
disabled | boolean | null | Set the HTML disabled attribute |
required | boolean | null | Set the HTML required attribute |
readonly | boolean | null | Set the HTML readonly attribute |
modelValue | string|number | null | Textarea value |
Events | |||
update:modelValue |
Examples
Controlled
<template>
<CTextarea v-model="value" />
</template>
<script>
export default {
data() {
return {
value: 'Default value',
},
},
}
</script>