标题小卡片提供一小段信息。

原则
情境化:标题小卡片的主要目的是为与其关联的内容提供清晰且 即时的情境。
简洁:标题小卡片旨在提供简短信息,通常是简短的 标题、名称或状态。
视觉上与众不同:虽然标题小卡片与 Jetpack Compose Glimmer 具有相同的审美风格,但其 外观应足够独特,以便被识别为标签,而不是 互动式按钮。
用法和放置位置
默认情况下,标题小卡片是只读组件。
正确做法
将标题小卡片用于静态或装饰性元素,以告知用户并进行标记。
错误做法
请勿将标题小卡片用作可点按的操作提示,因为它们没有焦点状态,请改用按钮。
标题小卡片可以与静态移动应用栏进行比较。
在布局中
默认情况下,标题小卡片是只读组件。
解剖学

显示了默认标题小卡片和粘性标题小卡片。粘性标题小卡片会显示轮廓。
1. 标题小卡片标签
2. 可选的前置图标或实体
自定义
标题小卡片可以显示图标,也可以不显示图标,还可以显示其他样式属性。
| 属性 | 自定义 | 默认值 |
|---|---|---|
| 形状 | 是 | 大、圆形 |
| 内边距 | 是 | 16 dp、8 dp |
| 镶边 | 是 | 2 dp、#606460 |
| 文本 | 是 | 正文小号 |
| 前置图标 | 是 | 40 dp |
| 深度 | 是 | 0 |
| 最大宽度 | 否 | 352 dp |
| 最小高度 | 是 | 56 dp |