chore(docs): wrap Repl in client only
This commit is contained in:
@@ -1,8 +1,3 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
---
|
||||
|
||||
# Custom Node
|
||||
|
||||
One of the key features of Vue Flow is implementing custom elements (nodes / edges) that allow you to expand on the basic functionalities (dragging, selecting etc).
|
||||
@@ -11,9 +6,5 @@ You can display any content and functionality inside a custom node. More documen
|
||||
up a custom node can be found on the [custom nodes page](/guide/node.html#custom-nodes).
|
||||
|
||||
<div class="mt-6">
|
||||
<ClientOnly>
|
||||
<Suspense>
|
||||
<Repl example="customNode"></Repl>
|
||||
</Suspense>
|
||||
</ClientOnly>
|
||||
<Repl example="customNode"></Repl>
|
||||
</div>
|
||||
|
||||
@@ -1,8 +1,3 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
---
|
||||
|
||||
# Nested Nodes
|
||||
|
||||
Another key feature is nested nodes (or even nested flows).
|
||||
@@ -12,9 +7,5 @@ You can also define the boundaries of a node, i.e. if the node can be dragged ou
|
||||
or even let Vue Flow extend the area of a node to fit all it's children.
|
||||
|
||||
<div class="mt-6">
|
||||
<ClientOnly>
|
||||
<Suspense>
|
||||
<Repl example="nested"></Repl>
|
||||
</Suspense>
|
||||
</ClientOnly>
|
||||
<Repl example="nested"></Repl>
|
||||
</div>
|
||||
|
||||
@@ -1,8 +1,3 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
---
|
||||
|
||||
# Update Node
|
||||
|
||||
Updating internal node data is simple.
|
||||
@@ -14,9 +9,5 @@ That means you can manipulate any property of your original nodes, and it will t
|
||||
You can of course also access the nodes directly from the state and change their properties from there.
|
||||
|
||||
<div class="mt-6">
|
||||
<ClientOnly>
|
||||
<Suspense>
|
||||
<Repl example="updateNode"></Repl>
|
||||
</Suspense>
|
||||
</ClientOnly>
|
||||
<Repl example="updateNode"></Repl>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user