Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Splidejs/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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published

Contributors 3

AltStyle によって変換されたページ (->オリジナル) /