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

docs: fix edge ID example and regenerate flowchart output

Browse Source
This commit is contained in:
nour kouider
2025-04-04 19:02:55 +01:00
parent 52cd9e8e55
commit 7facc8f50d
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/syntax/flowchart.md
View File

@@ -1193,12 +1193,12 @@ To give an edge an ID, prepend the edge syntax with the ID followed by an `@` ch
```mermaid-example ```mermaid-example
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
``` ```
```mermaid ```mermaid
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
``` ```
In this example, `e1` is the ID of the edge connecting `A` to `B`. You can then use this ID in later definitions or style statements, just like with nodes. In this example, `e1` is the ID of the edge connecting `A` to `B`. You can then use this ID in later definitions or style statements, just like with nodes.
@@ -1229,13 +1229,13 @@ In the initial version, two animation speeds are supported: `fast` and `slow`. S
```mermaid-example ```mermaid-example
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
e1@{ animation: fast } e1@{ animation: fast }
``` ```
```mermaid ```mermaid
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
e1@{ animation: fast } e1@{ animation: fast }
``` ```
@@ -1247,14 +1247,14 @@ You can also animate edges by assigning a class to them and then defining animat
```mermaid-example ```mermaid-example
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
classDef animate stroke-dasharray: 9,5,stroke-dashoffset: 900,animation: dash 25s linear infinite; classDef animate stroke-dasharray: 9,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
class e1 animate class e1 animate
``` ```
```mermaid ```mermaid
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
classDef animate stroke-dasharray: 9,5,stroke-dashoffset: 900,animation: dash 25s linear infinite; classDef animate stroke-dasharray: 9,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
class e1 animate class e1 animate
``` ```

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

@@ -721,7 +721,7 @@ To give an edge an ID, prepend the edge syntax with the ID followed by an `@` ch
```mermaid ```mermaid
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
``` ```
In this example, `e1` is the ID of the edge connecting `A` to `B`. You can then use this ID in later definitions or style statements, just like with nodes. In this example, `e1` is the ID of the edge connecting `A` to `B`. You can then use this ID in later definitions or style statements, just like with nodes.
@@ -746,7 +746,7 @@ In the initial version, two animation speeds are supported: `fast` and `slow`. S
```mermaid ```mermaid
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
e1@{ animation: fast } e1@{ animation: fast }
``` ```
@@ -758,7 +758,7 @@ You can also animate edges by assigning a class to them and then defining animat
```mermaid ```mermaid
flowchart LR flowchart LR
A e1@–> B A e1@–-> B
classDef animate stroke-dasharray: 9,5,stroke-dashoffset: 900,animation: dash 25s linear infinite; classDef animate stroke-dasharray: 9,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
class e1 animate class e1 animate
``` ```