タイトルチップには、情報の短いスニペットが表示されます。
原則
コンテキスト: タイトルチップの主な目的は、関連付けられているコンテンツのコンテキストを明確かつ即座に提供することです。
簡潔: タイトルチップは、通常は短いタイトル、名前、ステータスなどの短い情報を表示するように設計されています。
視覚的に区別可能: Jetpack Compose Glimmer の美学を共有しながらも、インタラクティブなボタンではなくラベルとして認識されるほど外観が区別可能である必要があります。
使用状況とプレースメント
タイトルチップは、デフォルトでは読み取り専用のコンポーネントです。
すべきこと
タイトルチップは、静的要素や装飾要素に使用して、ユーザーに情報を伝えたり、ラベルを付けたりします。
すべきでないこと
タイトル チップはタップ可能なアクション プロンプトとして使用します。フォーカス状態がないため、代わりにボタンを使用します。
タイトルチップは、静的なモバイルアプリバーに相当します。
レイアウト内
タイトルチップは、デフォルトでは読み取り専用のコンポーネントです。
解剖学
デフォルトのタイトルチップと固定タイトルのチップが表示されています。固定されたタイトルチップはアウトラインで表示されます。
1. タイトルチップのラベル
2. 先頭のアイコンまたはエンティティ（省略可）
カスタマイズ
タイトルチップは、アイコンの有無や他のスタイル プロパティとともに表示できます。
| プロパティ | カスタマイズ | デフォルト |
|---|---|---|
| シェイプ | ○ | 大、円 |
| パディング | ○ | 16 dp、8 dp |
| 枠線 | ○ | 2 dp、#606460 |
| テキスト | ○ | Body Small |
| 先頭のアイコン | ○ | 40 dp |
| 奥行き | ○ | 0 |
| 最大幅 | × | 352 dp |
| 最小高さ | ○ | 56 dp |