Subcabeçalhos são blocos de lista que identificam seções de conteúdo em uma visualização de lista ou grade. Normalmente, elas são usadas para subseções de conteúdo produzido por um filtro ou classificação.
Quando o conteúdo abaixo do subcabeçalho é rolado, ele permanece fixado na parte superior da tela até ser empurrado para fora da tela pelo próximo subtítulo.
Anatomia
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-anatomy-1.png?authuser=19&hl=pt-br)
2. Rótulo do texto
Especificações
Subtítulo na grade
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-1.png?authuser=19&hl=pt-br)
Subtítulo na lista
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-2.png?authuser=19&hl=pt-br)
Estilos
Tipografia
Estilo de fonte | Fonte | Peso | Tamanho (dp) |
---|---|---|---|
Corpo 3 M | Roboto | Médio | 24 |
Cor
Elemento | Cor(modo diurno) | Cor (modo noturno) |
---|---|---|
Tipo principal | Branco | Branco @ 88% |
Plano de fundo do subtítulo | Preto | Preto |
Tamanho
Elemento | Tamanho (dp) |
---|---|
Altura do subtítulo | 76 |
Exemplos
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-1.png?authuser=19&hl=pt-br)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-2.png?authuser=19&hl=pt-br)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-3.png?authuser=19&hl=pt-br)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-4.png?authuser=19&hl=pt-br)