@splidejs/svelte-splide

Svelte Splide

Svelte Splide is the Svelte component for the Splide slider/carousel.

Demo
Discussions

Quick Start

Get the latest version from NPM:

$ npm install @splidejs/svelte-splide

Import CSS and components:

<script>
import { Splide, SplideSlide } from '@splidejs/svelte-slide';
import '@splidejs/splide/dist/css/themes/splide-default.min.css';
</script>

<Splide options={ { rewind: true } }>
  <SplideSlide>
    <img src="image1.jpg" alt="Image 1"/>
  </SplideSlide>
  <SplideSlide>
    <img src="image2.jpg" alt="Image 2"/>
  </SplideSlide>
</Splide>

License

Svelte Splide and Splide are released under the MIT license. © 2021 Naotoshi Fujita