diff --git a/apps/www/src/content/docs/components/carousel.md b/apps/www/src/content/docs/components/carousel.md
index 091b9bf7..8b1162a8 100644
--- a/apps/www/src/content/docs/components/carousel.md
+++ b/apps/www/src/content/docs/components/carousel.md
@@ -244,8 +244,8 @@ You can get the reactive slot props like `carouselRef, canScrollNext..Prev, scro
 <template>
   <Carousel v-slot="{ canScrollNext, canScrollPrev }">
     ...
-    <CarouselPrevious v-if="canScrollPrev" />
-    <CarouselNext v-if="canScrollNext" />
+    <CarouselPrevious v-if="canScrollPrev.value" />
+    <CarouselNext v-if="canScrollNext.value" />
   </Carousel>
 </template>
 ```