使用建议
下拉选择器,支持单选 / 多选 / 本地过滤 / 键盘导航 / 浮层。
Accessibility
ARIA role:combobox
- combobox + listbox + option ARIA 模式
- aria-activedescendant 指向高亮项
- 选中项 aria-selected;多选 aria-multiselectable
- 键盘:↑↓ 移动、Enter 选中、Esc 关闭
设计变量
变量 | 默认值 | 用法 |
|---|---|---|
| --cd-animation-duration-select-dropdown-in | 100ms | 选择器下拉浮层弹出动画持续时间(组件消费) |
| --cd-animation-duration-select-dropdown-out | 100ms | 选择器下拉浮层收起动画持续时间(组件消费) |
| --cd-animation-function-select-dropdown-in | cubic-bezier(0.215, 0.61, 0.355, 1) | 选择器下拉浮层弹出动画插值函数(组件消费) |
| --cd-animation-function-select-dropdown-out | cubic-bezier(0.215, 0.61, 0.355, 1) | 选择器下拉浮层收起动画插值函数(组件消费) |
| --cd-select-dropdown-motion-zoom-opacity-from | 0 | 浮层进场初始透明度(组件消费) |
| --cd-select-dropdown-motion-zoom-opacity-to | 1 | 浮层进场最终透明度(组件消费) |
| --cd-select-dropdown-motion-zoom-scale-from | 0.8 | 浮层进场初始缩放(组件消费) |
| --cd-transition-delay-select-bg | var(--cd-motion-delay-none) | 选择器-背景色-延迟时间 |
| --cd-transition-delay-select-border | var(--cd-motion-delay-none) | 选择器-边框-延迟时间 |
| --cd-transition-delay-select-option-bg | var(--cd-motion-delay-none) | 选择器-选项-延迟时间 |
显示第 1 条-第 10 条,共 16 条
- 1
- 2