HomeDiagramsFlowchart::: Class Shorthand

::: Class Shorthand

Assigning classes with `:::` syntax directly on node definitions.

class-shorthand.mmd
graph TD
  A[Normal]:::default --> B[Highlighted]:::highlight --> C[Error]:::error
  classDef default fill:#f4f4f5,stroke:#a1a1aa
  classDef highlight fill:#fbbf24,stroke:#d97706
  classDef error fill:#ef4444,stroke:#dc2626
Output
Flowchart, Zombie Mermaid Normal Highlighted Error

More Flowchart examples

Flowchart, Zombie Mermaid Start Process End
Simple Flow
Flowchart, Zombie Mermaid Rectangle Rounded Diamond Stadium Circle
Original Node Shapes
Flowchart, Zombie Mermaid Subroutine Double Circle Hexagon
Subroutine and Hexagon Shapes
Flowchart, Zombie Mermaid Database Flag Shape Wider Bottom Wider Top
Cylinder and Trapezoid Shapes
Flowchart, Zombie Mermaid Rectangle Rounded Diamond Stadium Circle Subroutine Double Circle Hexagon Database Flag Trapezoid Inverse Trap
Twelve Core Flowchart Shapes
Flowchart, Zombie Mermaid solid dotted thick Source Target 1 Target 2 Target 3
All Edge Styles