Ícones de título

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

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

check_circle

O que fazer

Use um ícone de título para um elemento estático ou decorativo, para informar o usuário e o rótulo.

cancel

O que não fazer

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 ícones de título podem ser confundidos com uma barra de app estática para dispositivos móveis.

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

Ícone de título padrão e ícone de título fixo mostrados. Os ícones de título fixos são mostrados com um contorno.

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

2. Ícone ou entidade principal 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