Textarea 文本域

最近更新时间:2025-12-30 17:25:52

我的收藏

组件功能

多行文本输入组件,支持自动高度调整、行数限制以及多种输入验证选项。

基础用法

通过 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
注意:
★ 标记为必填属性。