O indicador de página representa a página ativa e o total de páginas de uma sobreposição que permite navegar horizontalmente entre o conteúdo.
Princípios
As pilhas são um componente de contêiner, então elas compartilham princípios de design com cards e listas:
Feedback claro: os pagers comunicam onde o usuário está em um carrossel de conteúdo.
Contextual: o objetivo principal de um pager é fornecer um contexto claro e imediato para o conteúdo associado a ele.
Conciso: os pagers são pequenos e precisos na linguagem visual.
Uso e posicionamento
Os pagers mostram ao usuário a posição atual em uma sequência linear de conteúdo.
Eles são posicionados acima da área da barra de sistema e abaixo da área de conteúdo.
O que fazer
O que não fazer
Anatomia
Um pager é composto por uma linha de pontos de indicação nos estados ativo e inativo.
A. Ativo (página atual)
B. Página inativa
Quando há cinco ou mais pontos, os pontos adicionais são indicados com um primeiro ponto menor e deslizam a linha inteira até o final.
Personalização
Os pagers têm scrim, paginação e animações integrados que não podem ser personalizados. Em vez disso, o conteúdo no pager de pilhas é personalizado.