跳到主要内容

Dropdown Filter 下拉筛选

菜单呈现数个并列的选项类目,用于整个页面的内容筛选,由菜单面板和菜单选项组成。


组件类型

单选下拉菜单

用于选择项需要单选的场景。

分栏下拉菜单

用于选择项可以进行多选的场景。选择后标签不改变名称,标题最多展示 4 个中文字符,超出用处理。

组件样式

选项数量

分栏列数

组件状态

何时使用

  • 适用于筛选、排序并更改当前页面内容展示范围或顺序。

应用场景

文案规范

简体中文繁体中文英文
确认確認Confirm
重置重設Reset

设计资源

类型资源状态
设计Design Kit (Figma)
StorybookStorybook

设计指南

--

API 参考

属性说明类型默认值
aria-label按钮的标签string-

设计变量

变量默认值用法
$transition_duration-button_primary-bgvar(--kpay-transition_duration-none)主要按钮-背景色-动画持续时间