Chips de título

Los chips de título proporcionan un pequeño fragmento de información.

Los elementos de diseño deben estar anclados a la parte inferior del encuadre.

Principios

Contextual: El objetivo principal de un chip de título es proporcionar contexto claro e inmediato para el contenido con el que está asociado.

Concisa: Las fichas de título están diseñadas para brindar información breve, por lo general, un título, un nombre o un estado cortos.

Visualmente distinto: Si bien comparte la estética de Glimmer de Jetpack Compose, su apariencia debe ser lo suficientemente distinta como para reconocerse como una etiqueta en lugar de un botón interactivo.

Uso y posición

De forma predeterminada, el chip de título es un componente de solo lectura.

Usa un chip de título para un elemento estático o decorativo, para informar al usuario y etiquetar.
Usa chips de título como un mensaje de acción que se puede presionar, ya que no tienen un estado de enfoque. En su lugar, usa un botón.

Los elementos de diseño deben estar anclados a la parte inferior del encuadre.
Los chips de título se pueden comparar con una barra de la app para dispositivos móviles estática.

Dentro de un diseño

De forma predeterminada, el chip de título es un componente de solo lectura.

>Los chips se desplazan con el diseño
Como alternativa, los chips se pueden fijar dentro del diseño.

Anatomía

Los elementos de diseño deben estar anclados a la parte inferior del marco.

Se muestran el chip de título predeterminado y el chip de título fijo. Los chips de título fijos se muestran con un contorno.

1. Etiqueta de chips de título

2. Ícono o entidad principal opcional

Personalización

Los chips de título se pueden mostrar con o sin un ícono, junto con otras propiedades de diseño.

Propiedades Personalización Valores predeterminados
Forma Grande, círculo
Padding 16 dp, 8 dp
Borde 2 dp, #606460
Texto Cuerpo pequeño
Ícono inicial 40 dp
Profundidad 0
Anchura máxima No 352 dp
Altura mín. 56 dp