Aperçu
Un composant rendu tel que la page le rend, avec sa source à côté.
L’exemple est le vrai composant dans le vrai thème — mêmes tokens, même mode sombre — si bien qu’un lecteur voit ce que fait un bloc plutôt qu’une description de celui-ci. Cette page, et toutes les autres pages de ce dossier, sont construites avec lui.
Utilisation
Rendu par la page que vous êtes en train de lire.
::preview
:::callout{type="tip"}
Rendu par la page que vous êtes en train de lire.
:::
#code
```mdc
::callout{type="tip"}
Rendu par la page que vous êtes en train de lire.
::
```
::
API
Aucune prop.
Slots
| Slot | Ce qu’il contient |
|---|---|
default | L’exemple, rendu |
code | La source, dans un bloc de code. Omettez-le et aucune barre d’onglets n’apparaît |
Remarques
La source dans #code est écrite à la main plutôt que dérivée de l’exemple
au-dessus, et c’est le seul vrai coût du bloc. Quand le composant s’exécute, ses
enfants sont des nœuds rendus et le Markdown qui les a produits a disparu ; les
re-sérialiser reviendrait à deviner une syntaxe d’où ils ne sont jamais venus.
Rien ne vérifie que l’onglet source correspond à ce qui est rendu à côté. Gardez l’exemple assez court pour que modifier l’un sans l’autre saute aux yeux.