Merge pull request #5485 from cbugk/develop
Add named composite state example to stateDiagram-v2
This commit is contained in:
commit
8265e53128
|
@ -160,7 +160,7 @@ In a real world use of state diagrams you often end up with diagrams that are mu
|
||||||
have several internal states. These are called composite states in this terminology.
|
have several internal states. These are called composite states in this terminology.
|
||||||
|
|
||||||
In order to define a composite state you need to use the state keyword followed by an id and the body of the composite
|
In order to define a composite state you need to use the state keyword followed by an id and the body of the composite
|
||||||
state between {}. See the example below:
|
state between {}. You can name a composite state on a separate line just like a simple state. See the example below:
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
stateDiagram-v2
|
stateDiagram-v2
|
||||||
|
@ -169,6 +169,14 @@ stateDiagram-v2
|
||||||
[*] --> second
|
[*] --> second
|
||||||
second --> [*]
|
second --> [*]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[*] --> NamedComposite
|
||||||
|
NamedComposite: Another Composite
|
||||||
|
state NamedComposite {
|
||||||
|
[*] --> namedSimple
|
||||||
|
namedSimple --> [*]
|
||||||
|
namedSimple: Another simple
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
```mermaid
|
```mermaid
|
||||||
|
@ -178,6 +186,14 @@ stateDiagram-v2
|
||||||
[*] --> second
|
[*] --> second
|
||||||
second --> [*]
|
second --> [*]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[*] --> NamedComposite
|
||||||
|
NamedComposite: Another Composite
|
||||||
|
state NamedComposite {
|
||||||
|
[*] --> namedSimple
|
||||||
|
namedSimple --> [*]
|
||||||
|
namedSimple: Another simple
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
You can do this in several layers:
|
You can do this in several layers:
|
||||||
|
|
|
@ -98,7 +98,7 @@ In a real world use of state diagrams you often end up with diagrams that are mu
|
||||||
have several internal states. These are called composite states in this terminology.
|
have several internal states. These are called composite states in this terminology.
|
||||||
|
|
||||||
In order to define a composite state you need to use the state keyword followed by an id and the body of the composite
|
In order to define a composite state you need to use the state keyword followed by an id and the body of the composite
|
||||||
state between \{\}. See the example below:
|
state between \{\}. You can name a composite state on a separate line just like a simple state. See the example below:
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
stateDiagram-v2
|
stateDiagram-v2
|
||||||
|
@ -107,6 +107,14 @@ stateDiagram-v2
|
||||||
[*] --> second
|
[*] --> second
|
||||||
second --> [*]
|
second --> [*]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[*] --> NamedComposite
|
||||||
|
NamedComposite: Another Composite
|
||||||
|
state NamedComposite {
|
||||||
|
[*] --> namedSimple
|
||||||
|
namedSimple --> [*]
|
||||||
|
namedSimple: Another simple
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
You can do this in several layers:
|
You can do this in several layers:
|
||||||
|
|
Loading…
Reference in New Issue