TextArea 设计文档

多行文本录入框,支持计数(maxCount/字素)、清除、校验态、IME 与 autosize 自适应高度(minRows/maxRows)。

← API 文档

使用建议

多行文本录入框,支持计数(maxCount/字素)、清除、校验态、IME 与 autosize 自适应高度(minRows/maxRows)。

Accessibility

ARIA role:textbox

  • 原生 textarea
  • error 时 aria-invalid
  • IME composition 安全
  • 超限经 aria-live=polite 播报
  • 清除按钮可 Tab 到达,aria-label 来自 i18n

设计变量

变量默认值用法
--cd-color-textarea-border-default transparent多行文本描边颜色
--cd-color-textarea-border-hover var(--cd-color-textarea-border-default)多行文本描边颜色 - 悬浮
--cd-color-textarea-icon-default var(--cd-color-text-2)多行文本 clear 图标颜色
--cd-color-textarea-icon-hover var(--cd-color-primary-hover)多行文本 clear 图标颜色 - 悬浮