Chip dei titoli

I chip del titolo forniscono un piccolo snippet di informazioni.

Gli elementi di design devono essere ancorati alla parte inferiore del frame.

dell'AI

Contestuale: lo scopo principale di un chip del titolo è fornire un contesto chiaro e immediato per i contenuti a cui è associato.

Concisi: i chip del titolo sono progettati per informazioni brevi, in genere un titolo, un nome o uno stato breve.

Visivamente distinto: pur condividendo l'estetica di Jetpack Compose Glimmer, il suo aspetto deve essere sufficientemente distinto da essere riconosciuto come un'etichetta anziché come un pulsante interattivo.

Utilizzo e posizionamento

Per impostazione predefinita, il chip del titolo è un componente di sola lettura.

Utilizza un chip del titolo per un elemento statico o decorativo, per informare l'utente e l'etichetta.
Utilizza i chip del titolo come prompt di azione selezionabile, poiché non hanno uno stato attivo, utilizza invece un pulsante.

Gli elementi di design devono essere ancorati alla parte inferiore del frame. I chip del titolo possono essere equiparati a una barra statica delle app mobile.

All'interno di un layout

Per impostazione predefinita, il chip del titolo è un componente di sola lettura.

I chip scorrono con il layout
In alternativa, i chip possono essere fissati all'interno del layout. Il chip occupa i primi 56 dp.

Anatomia

Gli elementi di design devono essere ancorati alla parte inferiore del frame. Vengono visualizzati il chip del titolo predefinito e il chip del titolo fisso. I chip dei titoli fissi vengono visualizzati con un contorno.

1. Etichetta dei chip del titolo

2. Icona o entità iniziale facoltativa

Personalizzazione

I chip del titolo possono essere visualizzati con o senza un'icona insieme ad altre proprietà di stile.

Proprietà Personalizzazione Impostazioni predefinite
Forma Grande, cerchio
Spaziatura interna 16 dp, 8 dp
Bordo 2 dp, #606460
Testo Corpo piccolo
Icona iniziale 40 dp
Profondità 0
Larghezza massima No 352 dp
Altezza minima 56 dp