marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-22 16:59:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

New release

Browse Source
This commit is contained in:
Knut Sveidqvist
2017-01-29 12:14:02 +01:00
parent 8d91a42fe7
commit fb70b9742a
10 changed files with 47 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
docs/content/usage.md
View File

@@ -79,6 +79,39 @@ Would end up like this:
```
An id is also added to mermaid tags without id.
### Simple full example:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Downloaded as per http://knsv.github.io/mermaid/#installation -->
<!-- Stored in the same directory as html file -->
<link rel="stylesheet" href="mermaid.css">
<!-- Optional to use fontawesome -->
<!-- Downloaded as per http://fontawesome.io/get-started/ -->
<!-- Stored in the same directory as html file -->
<script src="https://use.fontawesome.com/7065416dc9.js"></script>
</head>
<body>
<!-- Include mermaid on your web page: -->
<script src="mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
<div class="mermaid">
graph LR
A --- B
B-->C[fa:fa-ban forbidden]
B-->D(fa:fa-spinner);
</div>
</body>
</html>
```
### Labels out of bounds
If you use dynamically loaded fonts that are loaded through CSS, such as Google fonts, mermaid should wait for the