Skip to content
Mintlify
Mintlify
Composants

Colonnes

Organisez des cartes et d'autres composants dans une grille responsive multicolonnes avec le composant columns, y compris un nombre de colonnes personnalisable.

Le composant Columns vous permet d’organiser du contenu dans une grille responsive. Il est le plus souvent utilisé pour disposer des cartes en grille, en spécifiant le nombre de colonnes. Vous pouvez également utiliser le sous-composant Column pour encapsuler du contenu arbitraire. Les colonnes sont responsives et s’ajustent automatiquement aux écrans plus petits.

Bien démarrer

Configurez votre projet avec notre guide de démarrage rapide.

Référence de l'API

Explorez les endpoints, paramètres et exemples de votre API.

Columns example
<Columns cols={2}>
  <Card title="Bien démarrer">
    Configurez votre projet avec notre guide de démarrage rapide.
  </Card>
  <Card title="Référence de l'API">
    Explorez les endpoints, paramètres et exemples de votre API.
  </Card>
</Columns>

Utilisez le composant Column pour encapsuler du texte ou du code dans des colonnes individuelles. C’est utile lorsque vous souhaitez afficher du contenu arbitraire côte à côte, pas seulement des cartes ou d’autres composants.

Installation

npm install my-package

Usage

import { init } from 'my-package';
init();
Column sub-component example
<Columns cols={2}>
  <Column>

  **Installation**

  ```bash
  npm install my-package
  ```

  </Column>
  <Column>

  **Usage**

  ```javascript
  import { init } from 'my-package';
  init();
  ```

  </Column>
</Columns>
colsnumberdefault: 2

Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4.

Was this page helpful?Suggest editsRaise issue