Boîte
<gcds-container>

Autres noms : conteneur, encadré.

Il s’agit d’un modèle de boîte simple associé à une largeur de contenu fixe.

• GitHub
• Figma

Examinez les cas d’utilisation des boîtes pour déterminer si elles répondent à vos besoins.

Problèmes résolus par les boîtes

Les boîtes regroupent dans un même espace du contenu relatif à un même thème.

Utilisez les boîtes pour :

• Disposer simplement du contenu et des composants dans le sens vertical à l’aide d’un encadré.
• Limiter la largeur d’un contenu à un espace donné pour un site ou produit.
• Aider le public à lire le contenu en un coup d’œil en réduisant la longueur totale d’une ligne de texte et en présentant de plus petites doses de contenu.
• Centrer le contenu dans le contexte d’un écran ou d’une clôture.

Composants connexes

Grille pour une colonne réactive et flexible permettant de positionner du contenu sur une page.

Carte pour regrouper de petits éléments informatifs en un seul élément.