docs: add toolbar example

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

docs/src/.vitepress/config.ts

@@ -211,6 +211,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
             { text: 'Custom Node', link: '/examples/nodes/' },
             { text: 'Update Node', link: '/examples/nodes/update-node' },
             { text: 'Nested Nodes', link: '/examples/nodes/nesting' },
+            { text: 'Node Toolbar', link: '/examples/nodes/node-toolbar' },
           ],
         },
         {

docs/src/.vitepress/plugins/copy.ts

@@ -12,6 +12,10 @@ export function copyVueFlowPlugin(): Plugin {
           path: '../../../node_modules/@vue-flow/additional-components/dist/',
           pkgName: 'vue-flow-additional-components.mjs',
         },
+        {
+          path: '../../../node_modules/@vue-flow/node-toolbar/dist/',
+          pkgName: 'vue-flow-node-toolbar.mjs',
+        },
       ].forEach(({ path, pkgName }) => {
         const filePath = resolve(__dirname, `${path}/${pkgName}`)
         if (!existsSync(filePath)) {

docs/src/examples/nodes/node-toolbar.md

@@ -0,0 +1,10 @@
+# Node Toolbar
+
+This is a toolbar component for Vue Flow.
+It can be used to create a floating Toolbar next to your nodes.
+You can either display the Toolbar by setting the visibility prop or automatically showing the Toolbar
+on selected nodes.
+
+<div class="mt-6">
+  <Repl example="toolbar"></Repl> 
+</div>