diff --git a/example/src/App.vue b/example/src/App.vue
index c3e9ee40a22b3ff1885f61535a4b6cd81693ec09..9c159224e129f25f7285e69aa3927eb257c472d6 100644
--- a/example/src/App.vue
+++ b/example/src/App.vue
@@ -125,6 +125,7 @@ import NumberCounter from "./components/NumberCounter.vue";
         context="lesson"
         grid-id="lesson-storage"
         @itemChanged="handleLessonDropInContainer"
+        no-highlight
       >
         <template #item="item">
           <div class="container">{{ item }}</div>
diff --git a/src/DragGrid.vue b/src/DragGrid.vue
index 15a46978ec7ee02fbf30298270399b74361d7d45..18e790971c1091c4b2167bcc64b989931391802b 100644
--- a/src/DragGrid.vue
+++ b/src/DragGrid.vue
@@ -79,6 +79,11 @@ export default {
       required: false,
       default: uuidv4,
     },
+    noHighlight: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   methods: {
     positionAllowed(x, y, key) {
@@ -108,7 +113,7 @@ export default {
       let element = JSON.parse(data);
       let coords = this.getCoords(event.layerX, event.layerY);
 
-      if (element.context !== this.context) {
+      if (element.context !== this.context || this.noHighlight) {
         this.$refs.highlightContainer.style.display = "none";
         return;
       }