mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
9d82233e1c
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
37 lines
1.3 KiB
Plaintext
37 lines
1.3 KiB
Plaintext
---
|
||
title: "Colonnes"
|
||
description: "Organisez des cartes et d’autres composants dans une grille responsive avec un nombre de colonnes personnalisable."
|
||
keywords: ['groupes de cartes', 'mise en page en grille', 'mise en page multicolonnes']
|
||
---
|
||
|
||
Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il est le plus souvent utilisé pour disposer des cartes en grille, en spécifiant le nombre de colonnes. Les `Columns` sont responsives et s’ajustent automatiquement aux écrans plus petits.
|
||
|
||
<Columns cols={2}>
|
||
<Card title="Bien démarrer" icon="rocket">
|
||
Configurez votre projet avec notre guide de démarrage rapide.
|
||
</Card>
|
||
|
||
<Card title="Référence de l’API" icon="code">
|
||
Explorez les endpoints, paramètres et exemples de votre API.
|
||
</Card>
|
||
</Columns>
|
||
|
||
```mdx Columns example
|
||
<Columns cols={2}>
|
||
<Card title="Commencer">
|
||
Configurez votre projet avec notre guide de démarrage rapide.
|
||
</Card>
|
||
<Card title="Référence API">
|
||
Explorez les points de terminaison, les paramètres et les exemples pour votre API.
|
||
</Card>
|
||
</Columns>
|
||
```
|
||
|
||
|
||
<div id="properties">
|
||
## Propriétés
|
||
</div>
|
||
|
||
<ResponseField name="cols" type="number" default={2}>
|
||
Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4.
|
||
</ResponseField> |