标题 chip 提供一小段信息。

原则
情境化:标题块的主要目的是为与其关联的内容提供清晰且即时的情境。
简洁:标题 Chip 旨在显示简短信息,通常是简短的标题、名称或状态。
视觉上具有辨识度:虽然沿用了 Jetpack Compose Glimmer 的美学风格,但其外观应具有足够的辨识度,以便被识别为标签而非互动按钮。
使用和放置
默认情况下,标题 chip 是只读组件。
正确做法
使用标题 chip 来表示静态或装饰性元素,以告知用户并添加标签。
错误做法
由于标题条状标签没有焦点状态,因此请使用按钮作为可点按的操作提示。
标题 chip 可以等同于静态移动应用栏。
在布局中
默认情况下,标题 chip 是只读组件。
解剖学
显示默认标题条状标签和固定标题条状标签。粘性标题块会显示轮廓。
1. 标题块标签
2. 可选的前导图标或实体
自定义
标题 chip 可以显示图标,也可以不显示图标,还可以与其他样式属性一起显示。
| 属性 | 自定义 | 默认值 |
|---|---|---|
| 形状 | 是 | 大,圆形 |
| 内边距 | 是 | 16 dp、8 dp |
| 边框 | 是 | 2 dp,#606460 |
| 文本 | 是 | 小体型 |
| 前置图标 | 是 | 40 dp |
| 深度 | 是 | 0 |
| 最大宽度 | 否 | 352 dp |
| 高度下限 | 是 | 56 dp |