Vue d'ensemble des composants

Sections repliables pour développer uniquement ce dont les utilisateurs ont besoin. Idéal pour les FAQ, les listes de fonctionnalités et la configuration.

Utilisez le composant Card pour mettre en avant du contenu, créer des liens vers d'autres pages ou regrouper des informations en sections.

Grille responsive pour afficher Cards, Tiles et autre contenu côte à côte. S'adapte automatiquement à la taille de l'écran.

Frame place images et démos dans un conteneur bordé avec légendes optionnelles, pour une cohérence visuelle de la documentation.

Utilisez Panel pour épingler du contenu comme des avertissements ou des références rapides dans la barre latérale, visible même en défilant.

Guides étape par étape numérotés pour configuration, tutoriels et dépannage. Compatibles avec icônes, blocs de code et contenu imbriqué.

Panneaux pour du contenu mutuellement exclusif (gestionnaires de paquets, langages). Les titres correspondants se synchronisent sur toute la page.

Les tuiles affichent des aperçus de contenu avec un motif d'arrière-plan stylisé. À utiliser pour intégrations, modèles ou galeries visuelles.

Affichez les hiérarchies de fichiers et dossiers avec développement/réduction interactifs et navigation au clavier. Idéal pour les structures de projet.

Créez une documentation qui s'adapte au framework ou à la langue choisis par le lecteur. Des sections entières changent selon la sélection.

Étiquettes inline pour le statut, les catégories et les métadonnées -- 11 variantes de couleurs, 4 tailles, icônes et formes pilule ou contours en trait.

Découvrez comment utiliser Note, Tip, Warning, Danger, Check et le composant Callout personnalisé pour mettre en avant des informations clés.

Expandable crée un simple bouton d'affichage/masquage pour du contenu que les lecteurs peuvent vouloir voir mais qui n'est pas essentiel au flux principal.

Affichez définitions et contexte au survol. Définissez des termes, expliquez des acronymes ou créez des liens vers du contenu connexe.

Entrées de changelog au format chronologique avec dates, descriptions et tags de catégorie. S'intègre à votre Table des matières pour la navigation.

Affichez un contenu différent aux humains et aux agents IA sur la même page. Contexte et instructions réservés aux agents, hors de la documentation rendue.

Affichez des blocs de code dans une interface à onglets. Montrez la même opération en plusieurs langages (cURL, Python, JavaScript).

Épinglez des blocs de code dans une barre latérale droite persistante sur desktop. Plusieurs langages avec onglets, lisibles en faisant défiler.

Documentez paramètres API et champs de réponse avec ParamField et ResponseField. Prend en charge les types, les valeurs par défaut et les objets imbriqués.

Utilisez Prompt pour présenter des instructions d’IA réutilisables avec copie, actions d’ouverture intégrées, destinations, icônes et affichage compact.

Organisez les données en lignes et colonnes. Prend en charge les tableaux Markdown et les composants Table avec tri, mise en évidence et fusion de cellules.

Le composant Color affiche des palettes de couleurs pour documenter des systèmes de design, des chartes graphiques ou toute spécification de couleur.

Créez flowcharts, diagrammes de séquence, timelines, camemberts et plus depuis la syntaxe Mermaid. Diagrammes générés en SVG au build.

Générez des diagrammes d'architecture, organigrammes, séquences et modèles SQL en syntaxe D2. Rendu SVG avec thème clair/sombre automatique.

Ajoutez un formulaire d'inscription à une newsletter ou un changelog sur n'importe quelle page de documentation avec le composant EmailSubscribe.

Intégrez une démo du widget Nouveautés dans vos docs avec le composant MDX Widget : un bouton qui ouvre votre changelog en modal, sans script.