Skip to content

FormTextarea

Multi-line text input with v-model and optional debounce — same API surface as FormInput but for <textarea>.

bash
npm install @vuecs/forms

Basic usage

vue
<script setup lang="ts">
import { VCFormTextarea } from '@vuecs/forms';
import { ref } from 'vue';

const value = ref('');
</script>

<template>
    <VCFormTextarea v-model="value" rows="4" placeholder="Type something..." />
</template>
css
@import "tailwindcss";
@import "@vuecs/design";

@custom-variant dark (&:where(.dark, .dark *));

Props

PropTypeDefaultDescription
modelValuestring | null | undefinedThe bound value. null/undefined are accepted as the "unset" value (renders empty) for binding nullable entity fields
debouncenumber0Debounce input updates by N milliseconds

rows, placeholder, disabled, and any other native <textarea> attributes are forwarded via attrs.

Released under the Apache 2.0 License.