docs: update examples wordings

# What's changed?

* Change example pages wordings
* Add Acknowledgement banner
This commit is contained in:
Braks
2022-04-11 16:43:07 +02:00
parent ae4cefefbc
commit d35eb96c1f
19 changed files with 109 additions and 27 deletions
+15 -2
View File
@@ -5,9 +5,22 @@ pageClass: examples
# Custom Connection Line
This example shows how you can implement a custom connection line.
If the default connection lines aren't to your liking, or you want to expand on the existing
functionality you can pass a custom connection line component to Vue Flow.
Pass the connection line component into the template slot of the `VueFlow` component.
Simply pass a component in the designated template slot, and you're good to go.
```vue:no-line-numbers
<template>
<VueFlow>
<template #connection-line="props">
<MyCustomConnectionLine v-bind="props" />
</template>
</VueFlow>
</template>
```
You can see a working example in the sandbox.
<div class="mt-6">
<iframe src="https://codesandbox.io/embed/vue-flow-custom-connection-line-0okgze?eslint=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Fcomponents%2FFlow.vue&theme=dark"