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 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 pueda presionar. Como no tienen un estado de enfoque, usa un botón en su lugar.

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. El chip ocupa los primeros 56 dp.

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 los 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 estilo.

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