标题胶囊用于呈现一小段简明信息。

设计原则
交代上下文:标题胶囊的主要作用,是为关联内容即时提供清晰的上下文信息。
内容简短:适合放置短标题、名称或状态等简要信息。
视觉角色清楚:在保持 Jetpack Compose Glimmer 风格的同时,应让用户看出它是标签,而不是可交互的按钮。
使用与布局
标题胶囊默认是只读组件。



标题胶囊可以理解为手机应用中静态应用栏的对应形式。
A. 标题胶囊。
B. 手机应用栏。
在布局中的表现
标题胶囊默认只读。
组件构成

图中展示了默认标题胶囊与固定式标题胶囊。固定式标题胶囊带有描边。
1. 标题胶囊的文字标签。
2. 可选的前置图标或实体元素。
自定义
标题胶囊可以选择是否显示图标,也支持调整其他样式属性。
| 属性 | 可自定义 | 默认值 |
|---|---|---|
| 形状 | 是 | Large、Circle |
| 内边距 | 是 | 16 dp、8 dp |
| 边框 | 是 | 2 dp、#606460 |
| 文字 | 是 | Body Small |
| 前置图标 | 是 | 40 dp |
| 深度 | 是 | 0 |
| 最大宽度 | 否 | 352 dp |
| 最小高度 | 是 | 56 dp |