diff --git a/docs/components/content/examples/CarouselExampleSlotsIndicator.vue b/docs/components/content/examples/CarouselExampleSlotsIndicator.vue
index 52e0768d..cac273bd 100644
--- a/docs/components/content/examples/CarouselExampleSlotsIndicator.vue
+++ b/docs/components/content/examples/CarouselExampleSlotsIndicator.vue
@@ -27,7 +27,7 @@ const items = [
     </template>
 
     <template #indicator="{ onClick, index, active }">
-      <UButton :label="index" :variant="active ? 'solid' : 'outline'" size="2xs" class="rounded-full min-w-6 justify-center" @click="onClick(index)" />
+      <UButton :label="String(index)" :variant="active ? 'solid' : 'outline'" size="2xs" class="rounded-full min-w-6 justify-center" @click="onClick(index)" />
     </template>
   </UCarousel>
 </template>