VsTextarea
Компонент використовується для захоплення введеного користувачем об'ємного тексту. Він використовує v-model
, подібний до звичайного введення. Він має підтримку помилок і перевірки, і доступний у різних стилях, кольорах і типах.
Підключення
vue
<template>
<vs-form-textarea placeholder="Write your thoughts here..." v-model="value" />
</template>
{{{_vue "vs-form-textarea"}}}
Component API
- Content
- State
- Style
Prop | Description | Typeof |
---|---|---|
placeholder | Заголовок для текстового поля. За замовчуванням - | string |
label | Декоративний текст-підсказка. За замовчуванням - | string |
Prop | Description | Typeof |
---|---|---|
clearable | Очищення інпуту. За замовчуванням false | Boolean |
disabled | Переводить компоненту у вимкнений режим | Boolean |
Prop | Description | Typeof |
---|---|---|
size | Заголовок для текстового поля. За замовчуванням - | string |
Приклади
Базове використання
<template>
<div>
{{ text || 'Введіть текст...' }}
<VsFormTextarea placeholder="Введіть текст..." v-model="text" ></VsFormTextarea>
</div>
</template>
<script>
export default {
data() {
return {
text: ""
}
}
}
</script>