基础状态

Textarea 组件的核心状态展示,包括默认、输入、聚焦、错误和禁用状态

默认状态(Placeholder 展示)

输入内容状态

聚焦状态

错误状态

禁用状态

尺寸调整

Textarea 组件的尺寸调整功能展示

可调整大小 (绝大多数情况下,仅允许调整高度)

💡 用户可以通过拖拽右下角来垂直调整高度

禁用调整大小 (resize=none)

💡 此文本框禁用了大小调整功能

设计规范

当前 Textarea 组件的设计规范和参数说明

📏 Textarea 专有特性

• 默认行数:3行(可调节 2-8 行)

• 行高:24px

• 垂直内边距:12px(与水平视觉留白一致)

• 高度计算:行高×行数 + 上下内边距 + 上下边框

• 调整大小:默认仅支持垂直调整

🔗 继承自 Input 组件

• 完全复用 Input 的颜色系统

• 完全复用 Input 的字体系统

• 完全复用 Input 的边框系统

• 完全复用 Input 的状态系统

• 详细参数请参考 Input 组件页面