Mermaid Baumansicht-Spickzettel

Einrückung

Die Einrückung ist die Hierarchie, und ein Schrägstrich am Ende markiert ein Verzeichnis.

treeView-beta
    my-project/
        src/
            index.js
        package.json
        README.md

Auch die Rahmenzeichen funktionieren, und der Parser unterscheidet die beiden Formen selbst.

treeView-beta
├── src/
│   ├── index.ts
│   └── utils.ts
├── package.json
└── README.md

Nach dem Namen: drei Rauten markieren ihn, icon() gibt ihm ein Icon, und zwei Rauten hängen eine Notiz an.

treeView-beta
├── src/
│   ├── App.tsx :::highlight icon(logos:react) ## main component
│   └── index.ts ## entry point
├── package.json