InputGroup 设计文档

输入组合容器:将多个输入类控件(Input/Select/DatePicker 等)拼接为一体(相邻边框合并、首尾圆角),统一 size/disabled 经 context 回退透传(控件显式 prop 优先),可选整组 label。

← API 文档

使用建议

输入组合容器:将多个输入类控件(Input/Select/DatePicker 等)拼接为一体(相邻边框合并、首尾圆角),统一 size/disabled 经 context 回退透传(控件显式 prop 优先),可选整组 label。

Accessibility

ARIA role:group

  • 组容器 role=group
  • 有 label 时经 useId 关联 aria-labelledby
  • 各子控件保留自身 a11y

设计变量

变量默认值用法
--cd-inputgroup-border var(--cd-color-input-group-border-default)InputGroup 相邻控件分隔线颜色(组件消费)