Carousel react

import React from 'react';
import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } from 'pure-react-carousel';
import 'pure-react-carousel/dist/react-carousel.es.css';

export default class extends React.Component {
  render() {
    return (
      <CarouselProvider
        naturalSlideWidth={100}
        naturalSlideHeight={125}
        totalSlides={3}
      >
        <Slider>
          <Slide index={0}>I am the first Slide.</Slide>
          <Slide index={1}>I am the second Slide.</Slide>
          <Slide index={2}>I am the third Slide.</Slide>
        </Slider>
        <ButtonBack>Back</ButtonBack>
        <ButtonNext>Next</ButtonNext>
      </CarouselProvider>
    );
  }
}

Source: npmjs.com

Similar codes

0 vote307 views1 answer
React event stop propagation
Javascript React
71 votes392 views5 answers
Css react
Javascript React
24 votes466 views3 answers
Reactjs sass setup
Javascript React
0 vote315 views1 answer
Reset reactive state vue 3
Javascript React
0 vote301 views1 answer
React router dom default params
Javascript React
-1 vote317 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
-2 votes286 views5 answers
React cheat sheet
Javascript React
0 vote300 views1 answer
How to add carsoul to react project
Javascript React
16 votes299 views1 answer
DangerouslySetInnerHTML did not match error in React
Javascript React
4 votes337 views4 answers
Responsive font size react native
Javascript React