diff --git a/src/views/carousel/CarouselDemo.vue b/src/views/carousel/CarouselDemo.vue
index f5cd5fa5f..534c4130a 100644
--- a/src/views/carousel/CarouselDemo.vue
+++ b/src/views/carousel/CarouselDemo.vue
@@ -32,6 +32,7 @@
+
Circular, AutoPlay, 3 Items per Page and Scroll by 1
@@ -56,6 +57,7 @@
+
diff --git a/src/views/carousel/CarouselDoc.vue b/src/views/carousel/CarouselDoc.vue
index f461e2d9c..db7c6d03c 100644
--- a/src/views/carousel/CarouselDoc.vue
+++ b/src/views/carousel/CarouselDoc.vue
@@ -320,6 +320,7 @@ data() {
</div>
</template>
</Carousel>
+
<Carousel :value="cars" :numVisible="3" :numScroll="1" :responsiveOptions="responsiveOptions" class="custom-carousel" :circular="true" :autoplayInterval="3000">
<template #header>
<h2>Circular, AutoPlay, 3 Items per Page and Scroll by 1</h2>
@@ -344,6 +345,7 @@ data() {
</div>
</template>
</Carousel>
+
<Carousel :value="cars" :numVisible="1" :numScroll="1" orientation="vertical" :responsiveOptions="responsiveOptions" verticalViewPortHeight="330px"
style="max-width: 400px; margin-top: 2em">
<template #header>