marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-17 14:29:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4600 from tomperr/docs/4558-multiple-vertices-with-style

Browse Source 
docs(flowchart): add documentation on multiple nodes style
This commit is contained in:
Sidharth Vinod
2023-07-06 04:10:43 +00:00
committed by GitHub
parent 04597d29c0 fcb25aee7c
commit e80e281a66
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