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