Ícones de título

Os chips de título fornecem um pequeno snippet de informações.

Os elementos de design precisam ser ancorados na parte de baixo do frame.

Princípios

Contextual: o objetivo principal de um chip de título é fornecer um contexto claro e imediato para o conteúdo a que ele está associado.

Conciso: os chips de título são projetados para informações breves, geralmente um título, nome ou status curto.

Visualmente distinto: embora compartilhe a estética do Jetpack Compose Glimmer, a aparência dele precisa ser distinta o suficiente para ser reconhecida como um rótulo, e não como um botão interativo.

Uso e posicionamento

Por padrão, o chip de título é um componente somente leitura.

Use um chip de título para um elemento estático ou decorativo, para informar o usuário e o rótulo.
Não use chips de título como um comando de ação clicável, porque eles não têm um estado de foco. Use um botão.

Os elementos de design precisam estar fixados na parte de baixo do frame.
Os chips de título podem ser comparados a uma barra de apps estática para dispositivos móveis.

A Chip de título

B Barra de apps em um app para dispositivos móveis

Em um layout

Por padrão, o chip de título é um componente somente leitura.

Os chips são rolados com o layout.
Como alternativa, os chips podem ser fixados no layout.

Anatomia

Os elementos de design precisam ser fixados na parte de baixo do frame.

Chip de título padrão e chip de título fixo mostrados. Os chips de título fixos são mostrados com um contorno.

1. Rótulo do chip de título

2. Ícone ou entidade principal opcional

Personalização

Os chips de título podem ser mostrados com ou sem um ícone, além de outras propriedades de estilo.

Propriedades Personalização Padrões
Forma Sim Grande, círculo
Padding Sim 16 dp, 8 dp
Borda Sim 2 dp, #606460
Texto Sim Corpo pequeno
Ícone principal Sim 40 dp
Profundidade Sim 0
Largura máxima Não 352 dp
Altura mínima Sim 56 dp