Skip to content

The React component for the Splide slider/carousel.

License

Notifications You must be signed in to change notification settings

jannisstefanis/react-splide

 
 

Repository files navigation

React Splide

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

Getting Started
Demo
Discussions

Quick Start

Get the latest version from NPM:

$ npm install @splidejs/react-splide

Import CSS and components:

import { Splide, SplideSlide } from '@splidejs/react-splide';
import '@splidejs/react-splide/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!

License

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

About

The React component for the Splide slider/carousel.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 91.9%
  • JavaScript 8.1%