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 un contexto claro e inmediato para el contenido con el que está asociado.

Conciso: Los chips de título están diseñados 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 Jetpack Compose Glimmer, su apariencia debe ser lo suficientemente distinta como para que se reconozca como una etiqueta en lugar de un botón interactivo.

Uso y ubicació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.
No uses chips de título como un mensaje de acción que se pueda 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.

A Chip de título

B Barra de la app en la app para dispositivos móviles

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 inicial opcional

Personalización

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

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