Anatomie
Le composant carte est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction des options de personnalisation choisies.
|
List |
Simple |
|---|---|
|
1. Slot custom (En haut) 2. Title 3. Icon 4. List Item 5. Or accordion |
6. Slot custom (gauche, droite, haut ou bas) 7. Title 8. Subtitle 9. Action |
États
La version simple reprend les comportements de la card content :
List variant
Le Hover applique un effet visuel lorsque l'utilisateur survole un élément (item) de la carte.
List accordion
L’accordéon permet de regrouper plusieurs lien dans une même catégorie et / ou de mieux hiérarchiser l’information au sein d’une liste.
Responsive
Les cartes s'adaptent à l'écran / à la grille dans lequel elles seront affichées.
Nous vous conseillons de tester le comportement de vos cartes selon différentes tailles d'écran pour assurer un ajustement réactif et accessible.
La taille maximale de la carte et le fonctionnement du responsive dépendront des éléments qui l'entourent ainsi que de ce qui compose la carte.