Skip to content

Commit a870db4

Browse files
authored
[Style Guide] Fix to Diagram page formatting (#27018)
1 parent 45e4e8c commit a870db4

File tree

1 file changed

+3
-1
lines changed
  • src/content/docs/style-guide/documentation-content-strategy/component-attributes

1 file changed

+3
-1
lines changed

src/content/docs/style-guide/documentation-content-strategy/component-attributes/diagrams.mdx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,15 @@ We optimize SVG files with a [recurring script](https://github.com/cloudflare/cl
3333

3434
```md
3535
![A simple flow diagram shows interactions between important elements of the design.](~/assets/images/firewall/simple-flow.png "An example flow diagram")
36+
```
37+
3638
## Mermaid diagrams
3739

3840
Use Mermaid diagrams to illustrate product or process flows. If they work for your use case, Mermaid diagrams are preferable to other [diagrams](/style-guide/documentation-content-strategy/component-attributes/diagrams/) because they are more easily searchable and changeable.
3941

4042
Our Mermaid diagrams are based on [`rehype-mermaid`](https://github.com/remcohaszing/rehype-mermaid/) and [`mermaid`](https://www.npmjs.com/package/mermaid).
4143

42-
## Template
44+
### Template
4345

4446
```mermaid
4547
flowchart LR

0 commit comments

Comments
 (0)