Google は AI 技術を使用して、コンテンツをご希望の言語に翻訳しています。AI 翻訳には誤りが含まれる場合があります。

タイトルチップ

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

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

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

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

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

使い方と配置

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

静的要素や装飾要素にタイトルチップを使用して、ユーザーに情報を提供し、ラベル付けします。

タイトルチップはタップ可能なアクションプロンプトとして使用します。フォーカス状態がないため、代わりにボタンを使用します。

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

A タイトルチップ

モバイルアプリの B アプリバー

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

チップがレイアウトとともにスクロールします。

また、レイアウト内でチップを固定することもできます。

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

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

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

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

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