← 返回 Android 词条
标签胶囊
在 Android 上叫Chip
Compose Material 3: AssistChip / FilterChip / InputChip / SuggestionChip
它用紧凑的圆角小块表示一个筛选条件、输入值、属性或快捷操作。
- 像小药丸一样写着一个词的按钮
- 选中条件后出现的小圆条
- 输入名字后变成一块可以删掉的标签
- 信息胶囊
- 筛选标签
- 可操作标签
其他平台的相似实现
Web需自己实现
该平台没有原生实现网页没有原生胶囊标签组件，需要根据它是按钮、选项还是输入值选择正确语义并自行实现。
看 Web 视角 →iOS需自己实现
该平台没有原生实现苹果移动平台没有通用 Chip 组件，Token Field 的 HIG 条目主要面向桌面式输入场景。
看 iOS 视角 →使用规范
什么时候用
- 用很小空间展示筛选、属性、已输入值或短操作，并且含义单一
什么时候别用
- 文字很长、操作重要到需要普通按钮，或只是静态分类文字