组件功能
多行文本输入组件,支持自动高度调整、行数限制以及多种输入验证选项。
基础用法
通过 name 与表单字段关联,placeholder 设置占位提示文本,可指定初始行数,支持自动高度调整和输入验证。
Template 示例:
<Textarea name="description" placeholder="请输入描述信息" rows={4} />
效果展示如下:

属性说明
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| name ★ | string |
表单字段名称 | - |
| defaultValue | string |
默认值 | - |
| required | boolean |
是否必填 | false |
| pattern | string |
验证正则表达式 | - |
| placeholder | string |
占位符文本 | - |
| autoSelect | boolean |
自动选中文本 | false |
| autoFocus | boolean |
自动聚焦 | false |
| disabled | boolean |
是否禁用 | false |
| variant | "soft" | "outline" |
样式变体 | "outline" |
| size | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" |
组件尺寸 | "md" |
| gutterSize | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" |
内边距尺寸 | - |
| rows | number |
初始行数 | 3 |
| autoResize | boolean |
是否自动调整高度 | false |
| maxRows | number |
最大行数 | - |
| allowAutofillExtensions | boolean |
允许自动填充扩展 | false |
注意:
★ 标记为必填属性。