diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index a5c37849b8ad179e4353d9d9ba7b6d4e995e6df4..fc286e0694242f13b2f07c45e5ecbe70661a0c17 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 0000000000000000000000000000000000000000..69a162210b2d15e77464158ce596bede157739ff
--- /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>