Text
Edits text for text value type via basic text input. Supports textarea mode for long texts via multi-line support. Can be used for any date, datetime or time arrangement; Use date, datetime-local, or time-based type. Processing will depend on browser support.
<template>
<v-row>
<v-col lg="3" md="4" sm="6">
<va-text-input :label="$t('demo.text')" source="founder"></va-text-input>
</v-col>
<v-col lg="3" md="4" sm="6">
<va-text-input :label="$t('demo.text')" source="headquarter"></va-text-input>
</v-col>
</v-row>
<v-row>
<v-col lg="3" md="4" sm="6">
<va-text-input :label="$t('demo.text')" source="description" multiline></va-text-input>
</v-col>
</v-row>
</template>Mixins
- Input
- InputWrapper
- Source
- Resource
- Editable
Properties
| Property | Type | Description |
|---|---|---|
| source | string |
The property of the resource to fetch the value to display. Supports dot representation for slot used object. |
| model | string |
By default source will be the last name sent to the API service for create/update. This support allows you to override this default behavior. |
| type | string |
Text input type. All HTML types are allowed. |
| multiline | boolean |
Convert text input to textarea. |
| variant | string |
Applies different styles to the component. (outlined, plain, underlined, solo, filled, solo-filled, solo-inverted). |