Chips de titre

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

Les éléments de conception doivent être ancrés en bas du cadre.

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çues pour fournir des informations brèves, généralement un titre, un nom ou un état.

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.

Utilisez un chip de titre pour un élément statique ou décoratif, afin d'informer l'utilisateur et de fournir un libellé.
Utilisez des chips de titre comme invite à l'action cliquable. S'ils n'ont pas d'état de sélection, utilisez plutôt un bouton.

Les éléments de conception doivent être ancrés en bas du cadre. Les chips de titre peuvent être assimilés à une barre d'application mobile statique.

Dans une mise en page

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

Les chips défilent avec la mise en page
Vous pouvez également fixer les chips dans la mise en page. Le chip occupe les 56 dp supérieurs.

Anatomie

Les éléments de conception doivent être ancrés en bas du cadre. Chip de titre par défaut et chip de titre fixe affichés. Les chips de titre fixes sont affichées avec un contour.

1. Libellé des chips de titre

2. Icône ou entité de début facultative

Personnalisation

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

Propriétés Personnalisation Valeurs par défaut
Forme Oui Grand, Cercle
Marges intérieures Oui 16 dp, 8 dp
Bordure Oui 2 dp, #606460
Texte Oui Body Small
Icône de début Oui 40 dp
Profondeur Oui 0
Largeur maximale Non 352 dp
Hauteur min. Oui 56 dp