Í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 Glimmer do Jetpack Compose, 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

O chip de título é um componente somente leitura por padrão.

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.

Em um layout

O chip de título é um componente somente leitura por padrão.

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

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

1. Rótulo dos chips 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