docs: replace codesandbox embed with repl (#122)
* docs: Animations * docs: add confetti gun * docs: update basic example on home page * docs(deps): Add stackblitz sdk to deps * chore: update yarn.lock * docs: use vue repl * docs: remove stackblitz sdk * docs: basic repl example * docs: use repl for examples/index.md (basic example) * docs: pass ext to repl * docs: add copy plugin * docs: use import map instead of dynamic imports * docs: use repl for custom node example * docs: hide repl errors * docs: use repl for custom connectionline example * docs: use repl for edges example * docs: exclude repl from ssr * docs: use repl for nested example * docs: use repl for stress example * docs: rename customNode to custom-node * docs: use repl for update-edge example * docs: use repl for update-node example * docs: use repl for validation example * docs: use repl for save-restore example * docs: scale down minimap in repl examples * docs: use repl for dnd example * docs: use repl for empty example * docs: use repl for hidden example * docs: use repl for interaction example * docs: use repl for multi example * docs: add pinia example with stackblitz * docs: update basic example * docs: update examples * docs: remove transition from intro * docs: update features * update: README.md * docs: scope css
This commit is contained in:
@@ -22,16 +22,16 @@ the [examples](https://vueflow.dev/examples).
|
||||
|
||||
* [🎮 Quickstart](#-quickstart)
|
||||
|
||||
+ [▸ Vue 2](#-vue-2)
|
||||
+ [🪴 Vue 2](#-vue-2)
|
||||
|
||||
* [🧪 Development](#-development)
|
||||
|
||||
+ [🐳 Dev Container](#-dev-container)
|
||||
|
||||
* [⭐ Stargazers](#-stargazers)
|
||||
|
||||
* [💝 Special Thanks](#-special-thanks)
|
||||
|
||||
* [⭐ Stargazers](#-stargazers)
|
||||
|
||||
## ⭐️ Features
|
||||
|
||||
- 👶 __Easy setup__: Get started hassle-free - Built-in zoom- & pan features, element dragging, selection and much more
|
||||
@@ -50,6 +50,8 @@ the [examples](https://vueflow.dev/examples).
|
||||
|
||||
- 🕹 Controls: Control zoom behavior from a panel on the bottom left
|
||||
|
||||
- 🤖 And (many) more to come...
|
||||
|
||||
- 🦾 __Reliable__: Fully written in TypeScript
|
||||
|
||||
## 🛠 Setup
|
||||
@@ -147,15 +149,14 @@ This project is built with
|
||||
|
||||
- [React Flow](https://reactflow.dev/)
|
||||
- Vue flow is heavily based on [webkids'](https://webkid.io/) [react flow](https://reactflow.dev/). I wholeheartedly thank
|
||||
them for their amazing work! Without them, Vue Flow would not exist.
|
||||
Please consider [donating](https://github.com/sponsors/wbkd) to them!
|
||||
them for their amazing work! Without them Vue Flow would not exist.
|
||||
Please consider [donating](https://github.com/sponsors/wbkd) to them.
|
||||
|
||||
- [D3.js](https://d3js.org/)
|
||||
- D3 makes all the zoom and pan actions in the graph possible.
|
||||
Check it out to see if you can find other uses for it too!
|
||||
- D3 makes all the zoom and pan actions in Vue Flow possible.
|
||||
|
||||
- [VueUse](https://vueuse.org/)
|
||||
- VueUse is a collection of helpful utilities/composables that have been battle-tested.
|
||||
- VueUse is a collection of essential vue composition utilities
|
||||
|
||||
## ⭐ Stargazers
|
||||
|
||||
|
||||
Reference in New Issue
Block a user