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

1 vote302 views2 answers
React Context API
Javascript React
2 votes301 views2 answers
Video in react native stack overflow
Javascript React
0 vote327 views1 answer
React document viewer
Javascript React
0 vote317 views1 answer
Create loop to specific length react
Javascript React
5 votes307 views1 answer
React native break line text if too big
Javascript React
0 vote340 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
9 votes303 views6 answers
How to check react version
Javascript React
2 votes317 views3 answers
Select the items from selectors in .map reactjs
Javascript React
0 vote273 views1 answer
Array of refs react
Javascript React
0 vote353 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React