Quick Start

Get the latest version from NPM:

$ npm install react-splide-ts

Import CSS and components:

import { Splide, SplideSlide } from "react-splide-ts";
import "react-splide-ts/css";

export function Slider() {
  return (
    <Splide options={{ rewind: true }} aria-label="React Splide Example">
      <SplideSlide>
        <img src="image1.jpg" alt="Image 1" />
      </SplideSlide>
      <SplideSlide>
        <img src="image2.jpg" alt="Image 2" />
      </SplideSlide>
    </Splide>
  );
}

Visit here for more details.

Support Splide

Please support the project if you like it!

• GitHub Sponsors

License

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