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 vote133 views1 answer
How to clear form fields in react after submit
Javascript React
1 vote137 views1 answer
Lazy loading pagination react npm
Javascript React
0 vote127 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
2 votes128 views1 answer
React select with react hook form cotroller
Javascript React
0 vote137 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote138 views1 answer
Setstate before function react
Javascript React
2 votes152 views3 answers
React reset file input
Javascript React
5 votes132 views1 answer
How to create component in reactjs
Javascript React
0 vote127 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote134 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React