Callout

Les callouts attirent l’attention sur des informations importantes à l’aide de conteneurs colorés avec des icônes.

Variantes

Quatre variantes sont disponibles : info, success, warning et danger.

:::callout{variant="info"}
Ceci est un callout **info** pour les conseils et notes générales.
:::

:::callout{variant="success"}
Ceci est un callout **success** pour les résultats positifs ou les confirmations.
:::

:::callout{variant="warning"}
Ceci est un callout **warning** pour les points de vigilance.
:::

:::callout{variant="danger"}
Ceci est un callout **danger** pour les avertissements critiques ou les changements majeurs.
:::

Syntaxe

Utilisez la syntaxe directive avec trois deux-points :

:::callout{variant="info"}
Votre contenu ici. Supporte le formatage **Markdown**.
:::

Alternative JSX

Vous pouvez également utiliser la syntaxe de composant JSX :

<Callout variant="info" title="Titre Optionnel">
  Contenu avec support du **Markdown**.
</Callout>

Props