Select 设计文档

下拉选择器,支持单选 / 多选 / 本地过滤 / 键盘导航 / 浮层。

← API 文档

使用建议

下拉选择器,支持单选 / 多选 / 本地过滤 / 键盘导航 / 浮层。

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