Answers: <p>I found that a lot of syntax for mermaid is not supported in Azure DevOps. See <a href="https://learn.microsoft.com/en-us/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops" rel="nofollow noreferrer">here</a> where is stated:</p>
  <blockquote>
  <p>Not all syntax in the content linked below for diagram types works in Azure DevOps. For example, we don't support most HTML tags, Font Awesome, flowchart syntax (graph used instead), or LongArrow ----&gt;.</p>
  </blockquote>
  <p>I've tested your syntax as well and I can confirm it wouldn't load here as well, only without the box.</p>
  
Answers: CC BY-SA 4.0
Answers: 2023-02-28T06:50:58.107Z
Answers: 2023-02-28T06:50:58.107Z
Answers: GetShifting
Body: <p>I have the following mermaid diagram, which I have validated on <a href="https://mermaid.live" rel="nofollow noreferrer">mermaid.live</a> and intend to use it on the Wiki section of Azure DevOps:</p>
  <pre><code>sequenceDiagram
      box Container;
      participant A as Container A;
      participant B as Container B;
      end;
  </code></pre>
  <p>I know that the wiki for Azure DevOps has support for mermaid diagrams, but for some reason it doesn't render if I include the <code>box</code> block above. Is this a version problem? If so, is there a way to update it mermaid to the latest version?</p>
  <p>I also would like to know if it is possible to use Azure Architecture icons within these diagrams.</p>
  
Comments: CC BY-SA 4.0
Comments: 2023-02-27T20:03:45.693Z
Comments: Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer.
Comments: Community
Tags: <azure-devops>
Title: Using Azure Icons and Boxes on Azure DevOps with Mermaid
UserDisplayName: Ícaro Lorran
ThreadText: # Using Azure Icons and Boxes on Azure DevOps with Mermaid
  
  (Asked by: username_0 on 2023-02-27)
  
  I have the following mermaid diagram, which I have validated on [mermaid.live](https://mermaid.live) and intend to use it on the Wiki section of Azure DevOps:
  
  ```
  sequenceDiagram
      box Container;
      participant A as Container A;
      participant B as Container B;
      end;
  
  ```
  
  I know that the wiki for Azure DevOps has support for mermaid diagrams, but for some reason it doesn't render if I include the `box` block above. Is this a version problem? If so, is there a way to update it mermaid to the latest version?
  
  I also would like to know if it is possible to use Azure Architecture icons within these diagrams.
  
  **Tags:** azure-devops
  
  > **Comments:**
  > **username_1**: Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2023-02-28. Score: 0
  
  I found that a lot of syntax for mermaid is not supported in Azure DevOps. See [here](https://learn.microsoft.com/en-us/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops) where is stated:
  
  > Not all syntax in the content linked below for diagram types works in Azure DevOps. For example, we don't support most HTML tags, Font Awesome, flowchart syntax (graph used instead), or LongArrow ---->.
  
  I've tested your syntax as well and I can confirm it wouldn't load here as well, only without the box.
  
  
  ---
  
  