---
  title: hello2
  config:
    look: handDrawn
    layout: elk
    elk:
        nodePlacementStrategy: BRANDES_KOEPF
---
flowchart LR
  A[Start] --Some text--> B(Continue)
  B --> C{Evaluate}
  C -- One --> D[Option 1]
  C -- Two --> E[Option 2]
  C -- Three --> F[fa:fa-car Option 3]

---
config:
  look: handdrawn
  flowchart:
    htmlLabels: true
---
flowchart
      A[I am a long text, where do I go??? handdrawn - true]

---
config:
  flowchart:
    htmlLabels: false
---
flowchart
      A[I am a long text, where do I go??? classic - false]

---
config:
  flowchart:
    htmlLabels: true
---
flowchart
      A[I am a long text, where do I go??? classic - true]

flowchart LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5


    

      flowchart LR
    A:::foo & B:::bar --> C:::foobar
    classDef foo stroke:#f00
    classDef bar stroke:#0f0
    classDef ash color:red
    class C ash
    style C stroke:#00f, fill:black

    

      stateDiagram
    A:::foo
    B:::bar --> C:::foobar
    classDef foo stroke:#f00
    classDef bar stroke:#0f0
    style C stroke:#00f, fill:black, color:white