u

code/g3soft-libs/docs/examples/input/textarea.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+// type="textarea"：多行输入；showCount 显示字数，右下角可拖拽调整高度
+import { ref } from 'vue'
+import { G3Input, G3Space } from '@g3soft/ui'
+
+const description = ref('')
+const remark = ref('固定 4 行，不可拖拽时用 rows 控制初始高度')
+</script>
+
+<template>
+  <G3Space direction="vertical" :size="16" style="display: flex; width: 320px">
+    <G3Input
+      v-model="description"
+      type="textarea"
+      :rows="3"
+      :maxlength="100"
+      show-count
+      placeholder="请输入描述，可拖拽右下角调整高度"
+    />
+    <G3Input v-model="remark" type="textarea" :rows="4" readonly />
+  </G3Space>
+</template>