タイトルチップ

タイトルチップには、情報の短いスニペットが表示されます。

デザイン要素はフレームの下部に固定する必要があります。

原則

コンテキスト: タイトルチップの主な目的は、関連付けられているコンテンツのコンテキストを明確かつ即座に提供することです。

簡潔: タイトルチップは、通常は短いタイトル、名前、ステータスなどの短い情報を表示するように設計されています。

視覚的に区別可能: Jetpack Compose Glimmer の美しさを共有しながら、インタラクティブなボタンではなくラベルとして認識されるほど外観が明確である必要があります。

使用状況とプレースメント

タイトルチップは、デフォルトでは読み取り専用のコンポーネントです。

タイトルチップは、静的要素または装飾要素に使用して、ユーザーに情報を伝え、ラベル付けします。
タイトル チップはタップ可能なアクション プロンプトとして使用します。フォーカス状態がないため、代わりにボタンを使用します。

デザイン要素はフレームの下部に固定する必要があります タイトルチップは、静的なモバイルアプリバーに例えることができます。

レイアウト内

タイトルチップは、デフォルトでは読み取り専用のコンポーネントです。

チップがレイアウトとともにスクロールする
チップをレイアウト内に固定することもできます。チップは上部 56 dp を占有します。

解剖学

デザイン要素はフレームの下部に固定する必要があります

デフォルトのタイトルチップと固定タイトルのチップが表示されている。固定タイトルのチップはアウトライン付きで表示されます。

1. タイトルチップのラベル

2. 先頭のアイコンまたはエンティティ(省略可)

カスタマイズ

タイトルチップは、アイコンの有無や他のスタイル プロパティとともに表示できます。

プロパティ カスタマイズ デフォルト
シェイプ はい 大、円
パディング はい 16 dp、8 dp
枠線 はい 2 dp、#606460
テキスト はい Body Small
先頭のアイコン はい 40 dp
奥行き はい 0
最大幅 × 352 dp
最小高さ はい 56 dp