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 Title Chips están diseñadas para brindar información breve, por lo general, un título, un nombre o un estado cortos.

Distinción visual: 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 equiparar a 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 encuadre. 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 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 Configuración predeterminada
Forma Grande, circular
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