Chips de titre

Les chips de titre fournissent un petit extrait d'informations.

Principes

Contextuel : l'objectif principal d'un chip de titre est de fournir un contexte clair et immédiat pour le contenu auquel il est associé.

Concise : les chips de titre sont conçus pour fournir des informations brèves, généralement un titre, un nom ou un état court.

Visuellement distinct : tout en partageant l'esthétique Jetpack Compose Glimmer, son apparence doit être suffisamment distincte pour être reconnue comme un libellé plutôt que comme un bouton interactif.

Utilisation et emplacement

Par défaut, le chip de titre est un composant en lecture seule.

check_circle

À faire

Utilisez un chip de titre pour un élément statique ou décoratif, afin d'informer l'utilisateur et de le libeller.

cancel

À éviter

N'utilisez pas de chips de titre comme invite à l'action cliquable, car ils n'ont pas d'état de focus. Utilisez plutôt un bouton.

Les chips de titre peuvent être comparés à une barre d'application mobile statique.

A Chip de titre

B Barre d'application dans l'application mobile

Dans une mise en page

Par défaut, le chip de titre est un composant en lecture seule.

Anatomie

Chip de titre par défaut et chip de titre fixe affichés. Les chips de titre fixes sont affichés avec un contour.

1. Libellé des chips de titre

2. Icône ou entité facultative

Personnalisation

Les chips de titre peuvent être affichés avec ou sans icône, ainsi qu'avec d'autres propriétés de style.