文本域 Textarea

#基础用法

textarea/basic.vue

<script setup lang="ts">
import { Textarea } from "@bysages/vue";
import { ref } from "vue";

const story = ref("");
</script>

<template>
  <div class="grid gap-3 w-full">
    <Textarea v-model="story" placeholder="Tell the story…" />
    <Textarea placeholder="Invalid" invalid />
    <Textarea placeholder="Disabled" disabled />
  </div>
</template>

#属性

#Textarea

Textarea：多行文本输入。<textarea> 应用字段样式，高度由 rows 决定，并可在纵向调整。单独使用时根据 invalid prop 显示状态；放进 Field.Root 后接入字段上下文，自动获得 label id、described-by 关联和 invalid 状态。disabled 使用原生属性。

属性	类型	默认值	描述
`modelValue`	`String`	`undefined`	—
`invalid`	`Boolean`	`false`	—