Passer au contenu principal
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>

​
Sous-composant Column

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>

​
Propriétés

​
cols
number
défaut:2
Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4.