Skip to content

The React component for the Splide slider/carousel to use @gwroger/splidejs

License

Notifications You must be signed in to change notification settings

groger/react-splide

 
 

Repository files navigation

my own version React Splide using @gwroger/splidejs

added wheelLtR option for horizontal detection

Quick Start

Get the latest version from NPM:

$ npm install @gwroger/react-splide

Import CSS and components:

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

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

About

The React component for the Splide slider/carousel to use @gwroger/splidejs

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 91.8%
  • JavaScript 8.2%