more tips

stereobooster · Oct 21, 2024 · 7c0ef88 · 7c0ef88
1 parent 7ed36fa
commit 7c0ef88
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/packages/demo/src/content/docs/examples/vizdom.md b/packages/demo/src/content/docs/examples/vizdom.md
@@ -4,7 +4,7 @@ title: vizdom
 
 ## Simple
 
-```vizdom dataGraph=dagre
+```vizdom dataGraph=dagre svgo=false
 digraph TD {
     cluster=true
     node [shape=box]

diff --git a/packages/rehype-vizdom/README.md b/packages/rehype-vizdom/README.md
@@ -90,6 +90,20 @@ You have two options:
   ```
   ````
 
+If you're using `@tailwindcss/typography`, it is probably a good idea to add `not-content` globally.
+
+### Add links
+
+Inline SVG can contain HTML links:
+
+````md
+```vizdom
+digraph G {
+ node[URL="https://example.com"]
+}
+```
+````
+
 ### Rounded corners for rectangles
 
 1. Disable `svgo` or provide your own configuration with `convertShapeToPath: false`
@@ -114,6 +128,8 @@ You have two options:
 
 ### Client side interactivity
 
+[demo](https://beoe.stereobooster.com/examples/vizdom/)
+
 1. Set option to generate `data-graph` HTML attribute
    - either globally
      ```js