search

mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
https://mermaid.js.org
MIT License
72.73k stars 6.63k forks source link

updating shapes after the flow chart rendering complete #424

Closed smurugu closed 6 years ago

smurugu commented 7 years ago

Hi,

First of all thanks for putting together mermaid; i would like to see whether mermaid can support any interactivity on the shapes. Lets say we have a square box which represents a task; based on the task completion i would like update the shape with a border (green for success and red for failure). Is there a way i can do this in mermaid ?

erdalkaraca commented 7 years ago

You can assign a class or ID to your shapes (nodes) and style them using css.

tylerlong commented 6 years ago

Yes please read https://mermaidjs.github.io/flowchart.html and check " Styling and classes" section.