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

6 votes135 views2 answers
React native spinkit
Javascript React
4 votes132 views2 answers
Entypo icons react native
Javascript React
0 vote128 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
1 vote127 views1 answer
React native new project mac
Javascript React
0 vote127 views5 answers
React redux cheat sheet
Javascript React
7 votes163 views3 answers
Install node-sass version for react
Javascript React
0 vote142 views1 answer
Change module name react native android studio
Javascript React
-2 votes132 views1 answer
Reactjs cut part of string
Javascript React
0 vote145 views1 answer
Close all function of react in vscode mac
Javascript React
6 votes132 views5 answers
Scroll to top in react
Javascript React