marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 06:49:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

docs(flowchart): add documentation on multiple nodes style

Browse Source
This commit is contained in:
Tom PERRILLAT-COLLOMB
2023-07-05 20:57:37 +02:00
parent c742ac71a4
commit fcb25aee7c
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
docs/syntax/flowchart.md
View File

@@ -991,6 +991,24 @@ flowchart LR
classDef someclass fill:#f96 classDef someclass fill:#f96
``` ```
This form can be used when declaring multiple links between nodes:
```mermaid-example
flowchart LR
A:::foo & B:::bar --> C:::foobar
classDef foo stroke:#f00
classDef bar stroke:#0f0
classDef foobar stroke:#00f
```
```mermaid
flowchart LR
A:::foo & B:::bar --> C:::foobar
classDef foo stroke:#f00
classDef bar stroke:#0f0
classDef foobar stroke:#00f
```
### Css classes ### Css classes
It is also possible to predefine classes in css styles that can be applied from the graph definition as in the example It is also possible to predefine classes in css styles that can be applied from the graph definition as in the example

10
packages/mermaid/src/docs/syntax/flowchart.md
View File

@@ -676,6 +676,16 @@ flowchart LR
classDef someclass fill:#f96 classDef someclass fill:#f96
``` ```
This form can be used when declaring multiple links between nodes:
```mermaid-example
flowchart LR
A:::foo & B:::bar --> C:::foobar
classDef foo stroke:#f00
classDef bar stroke:#0f0
classDef foobar stroke:#00f
```
### Css classes ### Css classes
It is also possible to predefine classes in css styles that can be applied from the graph definition as in the example It is also possible to predefine classes in css styles that can be applied from the graph definition as in the example