Aperçu de composant

component-preview encadre un exemple fonctionnel de composant ou de shortcode dans la documentation. Il préserve le balisage et le comportement intégrés, contrairement à une capture d’écran ou à un schéma. Utilisez mode="inline" pour un petit résultat en ligne, comme une touche de clavier, une étiquette ou un symbole.

Exemple#

Utilisation#

{{< component-preview >}}
<nav aria-label="Navigation d’exemple">…</nav>
{{< /component-preview >}}

Limite#

Utilisez-le seulement pour un exemple réellement rendu qui aide à comprendre une interface. Ne l’utilisez pas pour décorer une explication, encadrer des captures d’écran ou remplacer les consignes d’accessibilité d’un composant.

Options#

mode utilise block par défaut. Réglez-le à inline lorsque le résultat rendu est assez petit pour tenir dans une ligne.