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/form-controls

Basic usage

vue
<script setup lang="ts">
import { VCFormTextarea } from '@vuecs/form-controls';
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''The bound value
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.