Svelte Carousel

Super lightweight carousel component for svelte. The component uses new CSS snap feature. Native scrolling feel in mobile!

Installation

npm install -S  @ksmsk/svelte-carousel

Usage

<script>
  import SvelteCarousel from '@ksmsk/svelte-carousel';

  let items = [...]
</script>

<SvelteCarousel {items} let:item>
  <-- Arrow Elements and Styling -->
  <div slot="prevArrow">back</div>
  <div slot="prevArrow">forward</div>

  <-- Default slot from iterated items -->
  <div>{item}</div>
</SvelteCarousel>

Props