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

---
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