Files
oa/documentation/elements/forms/textarea/textarea-disabled-documentation.md
2025-05-24 01:49:48 +09:00

845 B

state
state
textarea disabled
true

Disabled

A VTextarea can be shown in a disabled state. For that, you need to wrap it inside a <VControl /> component. Simply add the disabled attribute to the target textarea element.

<script setup lang="ts">

const textarea = ref('')
const disabled = ref(true)
</script>

<template>
  <VField>
    <VControl>
      <VTextarea
        v-model="textarea"
        rows="4"
        placeholder="A longer message..."
        :disabled="disabled"
      />
    </VControl>
  </VField>
</template>