diff --git a/src/components/Carousel/stories/CarouselView.svelte b/src/components/Carousel/stories/CarouselView.svelte
index 6c47864..33b9082 100644
--- a/src/components/Carousel/stories/CarouselView.svelte
+++ b/src/components/Carousel/stories/CarouselView.svelte
@@ -61,6 +61,16 @@
*/
export let swiping = true
+ /**
+ * Number of particles to show
+ */
+ export let particlesToShow = 1
+
+ /**
+ * Number of particles to scroll
+ */
+ export let particlesToScroll = 1
+
const colors = [
{ color: '#e5f9f0', text: '0' },
{ color: '#ccf3e2', text: '1' },
@@ -95,6 +105,8 @@
{autoplayProgressVisible}
{dots}
{swiping}
+ {particlesToShow}
+ {particlesToScroll}
on:pageChange={
event => console.log(`Current page index: ${event.detail}`)
}
@@ -122,6 +134,8 @@
{autoplayProgressVisible}
{dots}
{swiping}
+ {particlesToShow}
+ {particlesToScroll}
>
{#each colors2 as { color, text } (color)}
diff --git a/src/components/Carousel/stories/CarouselViewCustomDots.svelte b/src/components/Carousel/stories/CarouselViewCustomDots.svelte
index de97c0d..22c503a 100644
--- a/src/components/Carousel/stories/CarouselViewCustomDots.svelte
+++ b/src/components/Carousel/stories/CarouselViewCustomDots.svelte
@@ -61,6 +61,16 @@
*/
export let swiping = true
+ /**
+ * Number of particles to show
+ */
+ export let particlesToShow = 1
+
+ /**
+ * Number of particles to scroll
+ */
+ export let particlesToScroll = 1
+
function onPageChange(event, showPage) {
showPage(Number(event.target.value))
}
@@ -93,6 +103,8 @@
{autoplayProgressVisible}
{dots}
{swiping}
+ {particlesToShow}
+ {particlesToScroll}
let:currentPageIndex
let:pagesCount
let:showPage
diff --git a/src/components/Carousel/stories/CarouselViewMethods.svelte b/src/components/Carousel/stories/CarouselViewMethods.svelte
index e95f663..90d414f 100644
--- a/src/components/Carousel/stories/CarouselViewMethods.svelte
+++ b/src/components/Carousel/stories/CarouselViewMethods.svelte
@@ -1,5 +1,5 @@