From 970419843c0e6ed21fbc2c908a0a6cf335a3fc8d Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Wed, 25 Oct 2023 14:01:00 +0200
Subject: [PATCH] Add Example 10 to docs
---
docs/.vuepress/config.js | 1 +
docs/examples/Animals.md | 14 ++++++++++++++
2 files changed, 15 insertions(+)
create mode 100644 docs/examples/Animals.md
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index a5c3784..fc286e0 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -16,6 +16,7 @@ module.exports = {
"/examples/DisabledItems.md",
"/examples/Responsive.md",
"/examples/MultipleItemsY.md",
+ "/examples/Animals.md",
],
},
],
diff --git a/docs/examples/Animals.md b/docs/examples/Animals.md
new file mode 100644
index 0000000..69a1622
--- /dev/null
+++ b/docs/examples/Animals.md
@@ -0,0 +1,14 @@
+# Example 10: Animals
+
+This example shows, how one can find out, if the user is dragging an item,
+which item is being dragged and which grid is being dragged over. This is
+an example for the proper `isDraggedOver` and the
+`containerDragStart` and `containerDragEnd` events.
+
+<ClientOnly>
+<script setup>
+import ExampleAOverlay from "../../example/src/ExampleAOverlay.vue";
+</script>
+
+<ExampleAOverlay />
+</ClientOnly>
--
GitLab