Input 设计文档

单行文本录入框,支持前后缀、清除、计数、密码显隐与 IME。

← API 文档

使用建议

单行文本录入框,支持前后缀、清除、计数、密码显隐与 IME。

Accessibility

ARIA role:textbox

  • 原生 input
  • error 时 aria-invalid
  • 密码切换 aria-pressed
  • 清除按钮 aria-label

设计变量

变量默认值用法
--cd-transition-delay-input-bg var(--cd-motion-delay-none)输入框-背景色-延迟时间
--cd-transition-delay-input-border var(--cd-motion-delay-none)输入框-边框-延迟时间
--cd-transition-delay-input-text var(--cd-motion-delay-none)输入框-文字或图标-延迟时间
--cd-transition-duration-input-bg var(--cd-motion-duration-none)输入框-背景色-动画持续时间
--cd-transition-duration-input-border var(--cd-motion-duration-none)输入框-边框-动画持续时间
--cd-transition-duration-input-text var(--cd-motion-duration-none)输入框-文字或图标-动画持续时间
--cd-transition-function-input-bg var(--cd-motion-ease-in)输入框-背景色-过渡曲线
--cd-transition-function-input-border var(--cd-motion-ease-in)输入框-边框-过渡曲线
--cd-transition-function-input-text var(--cd-motion-ease-in)输入框-文字或图标-过渡曲线