Swiper
Composant pour faire défiler horizontalement un ensemble de contenus
Description
Le Swiper est un carrousel qui affiche un ensemble d’éléments (images, cartes, contenus divers) dans un espace limité, en permettant à l’utilisateur de les parcourir grâce à des boutons de navigation et/ou un geste de glissement (swipe).
Plateformes
Anatomie
- Bouton "Précédent"
- Indicateurs de position (optionnel) : Points ou repères visuels montrant la position dans la série.
- Bouton "Suivant"
Usage
Quand l'utiliser ?
Utiliser le Swiper lorsque :
- Les éléments sont liés ou appartiennent à une même catégorie.
- L’espace est limité mais plusieurs contenus doivent être consultables.
- Une exploration rapide est souhaitée, sans changer de page.
Anatomie
- Bouton "Précédent"
- Bouton "Suivant"
- Indicateurs de position (optionnel) : Points ou repères visuels montrant la position dans la série.
Usage
Quand l'utiliser ?
Utiliser le Swiper lorsque :
- Les éléments sont liés ou appartiennent à une même catégorie.
- L’espace est limité mais plusieurs contenus doivent être consultables.
- Une exploration rapide est souhaitée, sans changer de page.
Des questions ou un feedback ?
N’hésitez pas à contacter la team Design System par mail.