Bipeurs

L'indicateur de page représente la page actuellement active et le nombre total de pages d'une superposition qui vous permet de naviguer horizontalement entre les contenus.

Les éléments de conception doivent être ancrés en bas du cadre.

Principes

Les piles sont un composant de conteneur. Elles partagent donc les mêmes principes de conception que les cartes et les listes :

Commentaires clairs : les pagers indiquent à l'utilisateur où il se trouve dans un carrousel de contenus.

Contextuel : l'objectif principal d'un pager est de fournir un contexte clair et immédiat pour le contenu auquel il est associé.

Concises : les pagers sont petits et précis dans le langage visuel.

Utilisation et emplacement

Les pagers indiquent à l'utilisateur sa position actuelle dans une séquence linéaire de contenus.

Un utilisateur peut rapidement balayer les pagers.

Les éléments de conception doivent être ancrés en bas du cadre. Ils sont placés au-dessus de la barre système et sous la zone de contenu.

Les cartes sont disposées sur une ligne sans chevauchement.
Ne laissez pas les cartes se chevaucher. Une seule carte est visible à la fois.

Anatomie

Un pager est composé d'une ligne de points d'indication dans des états actifs et inactifs.

Le sélecteur de page est composé d'une rangée de points d'indication actifs et inactifs. A. Actif (page actuelle)

B. Page inactive

Pager indiquant un balayage dans la mauvaise direction.

Le sélecteur de page est composé d'une rangée de points d'indication actifs et inactifs.

Lorsque cinq points ou plus sont présents, les points supplémentaires sont indiqués par un premier point plus petit et font glisser l'ensemble de la ligne jusqu'à la fin.

Personnalisation

Les pagers sont dotés d'un scrim, d'une pagination et d'animations intégrés qui ne peuvent pas être personnalisés. C'est le contenu du pager des piles qui peut être personnalisé.