diff --git a/docs/components/content/examples/CarouselExample.vue b/docs/components/content/examples/CarouselExample.vue
index 031c8107..661ed0c6 100644
--- a/docs/components/content/examples/CarouselExample.vue
+++ b/docs/components/content/examples/CarouselExample.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items">
-    <img :src="item" width="300" height="400">
+    <img :src="item" width="300" height="400" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleArrows.vue b/docs/components/content/examples/CarouselExampleArrows.vue
index f064fe1b..1d85fd30 100644
--- a/docs/components/content/examples/CarouselExampleArrows.vue
+++ b/docs/components/content/examples/CarouselExampleArrows.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'basis-full' }" class="rounded-lg overflow-hidden" arrows>
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleArrowsCenter.vue b/docs/components/content/examples/CarouselExampleArrowsCenter.vue
index 1ad2cac3..bbe864cf 100644
--- a/docs/components/content/examples/CarouselExampleArrowsCenter.vue
+++ b/docs/components/content/examples/CarouselExampleArrowsCenter.vue
@@ -30,6 +30,6 @@ const items = [
     arrows
     class="w-64 mx-auto"
   >
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleIndicators.vue b/docs/components/content/examples/CarouselExampleIndicators.vue
index cd86bf8e..6740f37f 100644
--- a/docs/components/content/examples/CarouselExampleIndicators.vue
+++ b/docs/components/content/examples/CarouselExampleIndicators.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'basis-full' }" class="rounded-lg overflow-hidden" indicators>
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleIndicatorsSize.vue b/docs/components/content/examples/CarouselExampleIndicatorsSize.vue
index 64a583c9..8483dcff 100644
--- a/docs/components/content/examples/CarouselExampleIndicatorsSize.vue
+++ b/docs/components/content/examples/CarouselExampleIndicatorsSize.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'basis-full md:basis-1/2 lg:basis-1/3' }" indicators class="rounded-lg overflow-hidden">
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleSize.vue b/docs/components/content/examples/CarouselExampleSize.vue
index 82981b66..4b5ddb10 100644
--- a/docs/components/content/examples/CarouselExampleSize.vue
+++ b/docs/components/content/examples/CarouselExampleSize.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'basis-full md:basis-1/2 lg:basis-1/3' }">
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleSizeCenter.vue b/docs/components/content/examples/CarouselExampleSizeCenter.vue
index cd74b265..33d8ea4c 100644
--- a/docs/components/content/examples/CarouselExampleSizeCenter.vue
+++ b/docs/components/content/examples/CarouselExampleSizeCenter.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'basis-full' }" class="w-64 mx-auto rounded-lg overflow-hidden">
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleSizeFull.vue b/docs/components/content/examples/CarouselExampleSizeFull.vue
index 1e09b45c..191f802b 100644
--- a/docs/components/content/examples/CarouselExampleSizeFull.vue
+++ b/docs/components/content/examples/CarouselExampleSizeFull.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'basis-full' }" class="rounded-lg overflow-hidden">
-    <img :src="item" class="w-full">
+    <img :src="item" class="w-full" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleSlotsDefault.vue b/docs/components/content/examples/CarouselExampleSlotsDefault.vue
index 47bf6b5a..c4d99601 100644
--- a/docs/components/content/examples/CarouselExampleSlotsDefault.vue
+++ b/docs/components/content/examples/CarouselExampleSlotsDefault.vue
@@ -22,7 +22,7 @@ const items = [{
   <UCarousel :items="items" :ui="{ item: 'w-full' }">
     <template #default="{ item, index }">
       <div class="text-center mx-auto">
-        <img :src="item.avatar.src" :alt="item.name" class="rounded-full w-48 h-48 mb-2">
+        <img :src="item.avatar.src" :alt="item.name" class="rounded-full w-48 h-48 mb-2" draggable="false">
 
         <p class="font-semibold">
           {{ index + 1 }}. {{ item.name }}
diff --git a/docs/components/content/examples/CarouselExampleSlotsIndicator.vue b/docs/components/content/examples/CarouselExampleSlotsIndicator.vue
index cac273bd..6eede050 100644
--- a/docs/components/content/examples/CarouselExampleSlotsIndicator.vue
+++ b/docs/components/content/examples/CarouselExampleSlotsIndicator.vue
@@ -23,7 +23,7 @@ const items = [
     class="w-64 mx-auto"
   >
     <template #default="{ item }">
-      <img :src="item" class="w-full">
+      <img :src="item" class="w-full" draggable="false">
     </template>
 
     <template #indicator="{ onClick, index, active }">
diff --git a/docs/components/content/examples/CarouselExampleSlotsPrevNext.vue b/docs/components/content/examples/CarouselExampleSlotsPrevNext.vue
index 6461c34f..2ba2180c 100644
--- a/docs/components/content/examples/CarouselExampleSlotsPrevNext.vue
+++ b/docs/components/content/examples/CarouselExampleSlotsPrevNext.vue
@@ -20,7 +20,7 @@ const items = [
     class="w-64 mx-auto"
   >
     <template #default="{ item }">
-      <img :src="item" class="w-full">
+      <img :src="item" class="w-full" draggable="false">
     </template>
 
     <template #prev="{ onClick, disabled }">
diff --git a/docs/components/content/examples/CarouselExampleSnapEnd.vue b/docs/components/content/examples/CarouselExampleSnapEnd.vue
index 5eda03f5..3b247eff 100644
--- a/docs/components/content/examples/CarouselExampleSnapEnd.vue
+++ b/docs/components/content/examples/CarouselExampleSnapEnd.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'snap-end' }">
-    <img :src="item" width="200" height="300">
+    <img :src="item" width="200" height="300" draggable="false">
   </UCarousel>
 </template>
diff --git a/docs/components/content/examples/CarouselExampleSnapStart.vue b/docs/components/content/examples/CarouselExampleSnapStart.vue
index 5fb27e52..1b6cb408 100644
--- a/docs/components/content/examples/CarouselExampleSnapStart.vue
+++ b/docs/components/content/examples/CarouselExampleSnapStart.vue
@@ -11,6 +11,6 @@ const items = [
 
 <template>
   <UCarousel v-slot="{ item }" :items="items" :ui="{ item: 'snap-start' }">
-    <img :src="item" width="200" height="300">
+    <img :src="item" width="200" height="300" draggable="false">
   </UCarousel>
 </template>