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 相邻控件分隔线颜色(组件消费) |