Aller au contenu
duxt

Mermaid

Un diagramme depuis un bloc ou une prop.

Un bloc ```mermaid est un diagramme ; ::mermaid avec une prop code est le même composant.

Utilisation

flowchart LR A[app.config.ts] --> B[resolveSources] B --> C[collections] B --> D[resolvedSources] C --> E[Content] D --> F[theme] 
```mermaid
flowchart LR
  A[app.config.ts] --> B[resolveSources]
  B --> C[collections]
```

API

Props

PropTypePar défautRemarques
codestring—Le code du diagramme, quand on n’utilise pas de bloc

Remarques

Chargé à la demande et seulement dans le navigateur : mermaid pèse environ un demi-mégaoctet et embarque son propre analyseur, et un site où trois pages sur soixante portent un diagramme ne doit pas faire payer les cinquante-sept autres.

Cela veut dire aussi que le diagramme est rendu côté client — la sortie du serveur est le texte source, et c’est le repli honnête pour un lecteur sans JavaScript.

Toute modification du code redessine le diagramme. Chaque instance possède des identifiants SVG distincts. Un changement rapide de thème ne peut remplacer un résultat récent par un ancien. Une syntaxe invalide laisse le code original visible.

Cette page vous a-t-elle été utile ?