---
title: Grilles de liens
slug: docs/fr/grilles-de-liens
createdAt: 2026-06-05T14:03:01.725Z
---
[Grille de liens](docId\:PK8vQQlHhl75RrAs1X5so) organise le contenu en mises en page de cartes réactives. Elles sont utiles pour créer des pages d’accueil, des centres de navigation, des index de documentation et des collections de ressources associées.
## Syntaxe
Vous pouvez ajouter ce composant en utilisant soit Markdown soit MDX.
::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::LinkArray{contentSource="CUSTOM" itemsPerRow="3"}
::::LinkArrayItem{headerType="COLOR" headerColor="#hex"}
Card content.
::::
:::::
```
:::
:::Tab{title="MDX"}
```javascript
Card content.
```
:::
::::
Les cartes Link Grid prennent en charge trois styles d’en-tête :
- Aucun en-tête pour une mise en page de carte simple.
- `couleur`, en utilisant la propriété `headerColor`.
- `Image`, en utilisant la propriété `headerImage`.
La propriété `itemsPerRow` contrôle combien de cartes sont affichées sur chaque ligne.
## Exemple MDX
L’exemple suivant démontre les trois styles de cartes disponibles.
### Cartes simples
```javascript
**Getting Started**
Learn the basics of setting up your documentation project.
**Configuration**
Customize every aspect of your docs with `archbee.json`.
**Templates**
Choose from 4 built-in templates to match your brand.
```
### Cartes avec en-tête coloré
```javascript
**API Reference**
Complete endpoint documentation with examples.
**Guides**
Step-by-step tutorials for common tasks.
**Troubleshooting**
Solutions to common issues and FAQ.
```
### Cartes avec en-tête image
```javascript
**Visual Docs**
Add images and media to your documentation.
**Code Examples**
Syntax-highlighted code with copy support.
**API Blocks**
Interactive API endpoint documentation.
```