Filter chips 筛选标签
/FIL-ter CHIPS/ · noun · 输入类模式 · #056
小圆角标签，一开一关切换列表的筛选维度。当前选中的组合，顺便就是「你在看什么」的摘要。
你可能会这样叫它
- “筛选胶囊按钮”
- “列表上方可以点选的小标签”
- “搜索框下面的筛选标签”
- “一排可开关的筛选按钮”
- “已选条件的小圆角标签”
……它的名字是 筛选标签（Filter chips）。
代码里叫什么
| SwiftUI / UIKit | 没有系统自带的 Chip，通常用自定义样式的 Toggle 或胶囊按钮实现 |
|---|---|
| Jetpack Compose | FilterChip |
| Android (Views) | Chip ChipGroup Widget.Material3.Chip.Filter |
| Flutter | FilterChip ChoiceChip |
| Web (HTML / ARIA) | <button aria-pressed> 没有原生 Chip，通常用带 aria-pressed 的切换按钮或改样式的复选框 |
复制给 AI 编程工具
在结果列表上方加一排筛选标签（Filter chips）：每个筛选值一个紧凑的圆角标签，排成一行。点击切换开关，选中的标签填充高亮并带对勾，可以同时选多个。筛选结果即时更新，放不下时这一行可以横向滚动；对读屏用户，每个标签是一个切换按钮（网页上用 aria-pressed）。