3 / 25

Basic usageURL copied

graph TD
    A[Draft] --> B{Review}
    B -->|Approved| C[Publish]
    B -->|Rejected| D[Revise]
    D --> A
    C --> E[Archive]
    A --> F[Add Tags]
    F --> B
    
    classDef draftStyle fill:#fbbf24,stroke:#f59e0b,stroke-width:3px,color:#000
    classDef reviewStyle fill:#3b82f6,stroke:#2563eb,stroke-width:3px,color:#fff
    classDef publishStyle fill:#10b981,stroke:#059669,stroke-width:3px,color:#fff
    classDef reviseStyle fill:#ef4444,stroke:#dc2626,stroke-width:3px,color:#fff
    classDef archiveStyle fill:#6b7280,stroke:#4b5563,stroke-width:2px,color:#fff
    classDef tagStyle fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#fff
    
    class A draftStyle
    class B reviewStyle
    class C publishStyle
    class D reviseStyle
    class E archiveStyle
    class F tagStyle
"Mermaid Diagram Example"
Copied
```mermaid
---
title: "Mermaid Diagram Example"
width: 45 vw
---
graph TD
    A[Draft] --> B{Review}
    B -->|Approved| C[Publish]
    B -->|Rejected| D[Revise]
    D --> A
    C --> E[Archive]
    A --> F[Add Tags]
    F --> B
    
    classDef draftStyle fill:#fbbf24,stroke:#f59e0b,stroke-width:3px,color:#000
    classDef reviewStyle fill:#3b82f6,stroke:#2563eb,stroke-width:3px,color:#fff
    classDef publishStyle fill:#10b981,stroke:#059669,stroke-width:3px,color:#fff
    classDef reviseStyle fill:#ef4444,stroke:#dc2626,stroke-width:3px,color:#fff
    classDef archiveStyle fill:#6b7280,stroke:#4b5563,stroke-width:2px,color:#fff
    classDef tagStyle fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#fff
    
    class A draftStyle
    class B reviewStyle
    class C publishStyle
    class D reviseStyle
    class E archiveStyle
    class F tagStyle
```