# Infobulles (/fr/components/tooltips)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 343 · updated: 2026-07-30 -->
Related: [Accordion](/fr/components/accordions.md), [Badge](/fr/components/badge.md), [Bannière](/fr/components/banner.md), [Encarts](/fr/components/callouts.md), [Cartes](/fr/components/cards.md), [Groupes de code](/fr/components/code-groups.md)

Utilisez des infobulles pour fournir des précisions ou des définitions lorsqu’un utilisateur survole un texte. Les infobulles peuvent inclure des liens d’appel à l’action facultatifs.

**Exemple** : <Tooltip headline="API" tip="Application Programming Interface : un ensemble de protocoles permettant à des applications logicielles de communiquer." cta="Lire notre guide de l’API" href="/fr/api-reference">API</Tooltip> La documentation API aide les développeurs à comprendre comment intégrer votre service.

```mdx wrap title="Tooltip example"
<Tooltip headline="API" tip="Application Programming Interface : un ensemble de protocoles permettant à des applications logicielles de communiquer." cta="Lire notre guide de l'API" href="/api-reference">API</Tooltip> La documentation API aide les développeurs à comprendre comment intégrer votre service.
```

<div id="properties">
  ## Propriétés [#propriétés]
</div>

<ResponseField name="tip" type="string">
  Le texte affiché dans l’infobulle.
</ResponseField>

<ResponseField name="headline" type="string">
  Texte affiché avant le texte de `tip`.
</ResponseField>

<ResponseField name="cta" type="string">
  Le texte de l’appel à l’action pour un lien dans l’infobulle.
</ResponseField>

<ResponseField name="href" type="string">
  URL du lien d’appel à l’action. Requis lors de l’utilisation de `cta`.
</ResponseField>