Ícones de título

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

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

Princípios

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

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

Visualmente distinto: ao compartilhar a estética do Glimmer do Jetpack Compose, a aparência precisa ser distinta o suficiente para ser reconhecida como um rótulo em vez de um botão interativo.

Uso e posicionamento

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

Use um ícone de título para um elemento estático ou decorativo, para informar o usuário e o rótulo.
Use ícones de título como um comando de ação que pode ser tocado. Como 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 app móvel estática.

Em um layout

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

Os ícones rolam com o layout
Como alternativa, os ícones podem ser fixados no layout. O ícone ocupa os 56 dp de cima.

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 ícones de título fixo são mostrados com um contorno.

1. Rótulo dos ícones de título

2. Ícone ou entidade inicial opcional

Personalização

Os ícones 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 Body Small
Ícone principal Sim 40 dp
Profundidade Sim 0
Largura máxima Não 352 dp
Altura mínima Sim 56 dp