AutoComplete 设计文档

输入联想框,data 由用户按 query 准备(远程或本地),支持键盘选择、内嵌标签与关键词高亮。

← API 文档

使用建议

输入联想框,data 由用户按 query 准备(远程或本地),支持键盘选择、内嵌标签与关键词高亮。

Accessibility

ARIA role:combobox

  • combobox + aria-autocomplete="list" + listbox
  • aria-activedescendant 指向高亮候选
  • 键盘:↑↓ 移动、Enter 选中、Esc 关闭

设计变量

变量
默认值
用法
--cd-transition-delay-autocomplete-option-bg var(--cd-motion-delay-none) 自动完成菜单选项背景色-延迟时间(Semi $transition_delay-autoComplete_option-bg)
--cd-transition-duration-autocomplete-option-bg var(--cd-motion-duration-none) 自动完成菜单选项背景色-动画持续时间(Semi $transition_duration-autoComplete_option-bg)
--cd-transition-function-autocomplete-option-bg var(--cd-motion-ease-in) 自动完成菜单选项背景色-过渡曲线(Semi $transition_function-autoComplete_option-bg)
显示第 1 条-第 3 条,共 3 条
  • 1