---
title: Boutons
slug: docs/fr/boutons
createdAt: 2026-06-05T12:26:33.577Z
---

[Bouton](docId:3nU6V7-dlt4mIBEHdZb-Z) les blocs créent des appels à l’action bien visibles qui renvoient à d’autres pages ou à des sites web externes.

## Syntaxe

Vous pouvez ajouter ce composant en utilisant soit Markdown soit MDX.

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::CtaButton{label="Click Me" externalHref="https://example.com" openInNewTab="true"}
:::
```
:::

:::Tab{title="MDX"}
```javascript
<CtaButton
  label="Click Me"
  externalHref="https://example.com"
  openInNewTab="true"
/>
```
:::
::::

Les boutons prennent en charge les propriétés suivantes :

- `étiquette` définit le texte affiché sur le bouton.
- `externalHref` spécifie l’URL de destination.
- `ouvrir dans un nouvel onglet` contrôle si le lien s’ouvre dans un nouvel onglet du navigateur.

## Exemple MDX

L’exemple suivant crée un bouton qui redirige les utilisateurs vers la documentation Archbee.

```html
<CtaButton
  label="Go to Archbee Docs"
  externalHref="https://www.archbee.com/docs"
  openInNewTab="true"
/>
```