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

22 votes366 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote379 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
0 vote374 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote374 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote372 views1 answer
React native map repeate
Javascript React
48 votes377 views4 answers
How to add comment in react js
Javascript React
0 vote349 views1 answer
Scirpt tag react
Javascript React
108 votes373 views2 answers
Make react project
Javascript React
0 vote379 views1 answer
How to imporrt Browserrouter in react
Javascript React
33 votes375 views2 answers
UseRef react ref
Javascript React