Add custom arrows example

2021-01-22 17:37:02 +03:00
parent 7075e8de00
commit d671b9ff55
3 changed files with 143 additions and 5 deletions
--- a/src/ImageCarousel/ImageCarousel.svelte
+++ b/src/ImageCarousel/ImageCarousel.svelte
@@ -140,7 +140,7 @@
 <div class="main-container">
  <div class="carousel-container">
    {#if arrows}
-      <slot name="prev">
+      <slot name="prev" {showPrevPage}>
        <div class="side-container">
          <Arrow direction="prev" on:click={showPrevPage} />
        </div>
@@ -161,7 +161,7 @@
      </div>
    </div>
    {#if arrows}
-      <slot name="next">
+      <slot name="next" {showNextPage}>
        <div class="side-container">
          <Arrow direction="next" on:click={showNextPage} />
        </div>