Grille
<gcds-grid>
Autres noms : mise en page, colonnes, disposition en colonnes, boîte de style grille.
Une grille est une mise en page réactive et flexible.
-
GitHub -
Figma
Aperçu du composant de grille
Examinez les cas d'utilisation des grilles pour déterminer si elles répondent à vos besoins.
Cas d'utilisation des grilles
Les grilles créent des dispositions de colonnes conservant les éléments de contenu regroupés sur différents appareils et écrans.
Utilisez des grilles pour :
- Appliquer une disposition de colonne flexible qui s'adapte à la taille de l'écran (fenêtre d'affichage) de l'appareil de l'utilisateur.
- Guider la mise au point en définissant la largeur d'une colonne et l'espacement entre les colonnes.
- Créer des mises en page complexes avec un contrôle sur les dimensions de chaque colonne.
- Assurer une adaptation à différentes tailles d'écran en définissant une mise en page personnalisée et optimisée pour différentes fenêtres d'affichage, comme pour les mobiles, les tablettes et les ordinateurs de bureau.
- Limiter la largeur du contenu affiché pour veiller à ce que le texte soit renvoyé à la ligne et plus lisible.
Composants connexes
Boîte : pour appliquer une disposition de base à une seule colonne sur toutes les fenêtres d'affichage.
Carte : pour structurer du contenu exploitable dans un même groupe consacré à un seul et même thème.
Aidez-nous à nous améliorer
Vous avez des questions ou des demandes? Faites-nous part de vos commentaires à l'aide de notre formulaire de contact.
Quelque chose ne va pas? Signalez-le sur GitHub en créant un