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

20 votes329 views2 answers
React localstorage
Javascript React
0 vote333 views1 answer
How to use mdbreact in react js
Javascript React
1 vote338 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
5 votes331 views1 answer
React code splitting (component based)
Javascript React
0 vote374 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
0 vote347 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
0 vote329 views1 answer
React google places auto complete example
Javascript React
8 votes337 views4 answers
Get react version
Javascript React
0 vote351 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote352 views1 answer
React index.js file
Javascript React