如何使用

  • 在多层级的数据结构中,需要选择多级分类下的单个或者多个选项。

解构

类型
  1. 已选择项 用于显示选项类目,可为文字或图标,可禁用;;
  2. 清空/重置功能键 用于快速清空已选项,或恢复选择器默认值,可禁用;
  3. 父级菜单项 最终选择节点的父级菜单项,可以支持多级;
  4. 子级菜单项 用户在级联菜单中所选的最终结果。

Components Demo

✅ ️ Figma Variants

基本用法

通过下拉选项,选择子节点。 在选择中,可以设置显示层级(changeOnSelect)用来显示被选项目的层级结构。q

支持多选

可以对待选项内的多个项目进行选择; 支持选项显示数量的控制,也支持对选项最多选中数量的控制。

前缀后缀

在一些场景中,通常会在级联选择器中增加Lable文本或者图标用于提示输入内容。

级联选择器尺寸

包含三种尺寸 大 (Large) / 默认 (Default) / 小 (Small)
单选
多选