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

2 votes183 views2 answers
How to send form data from react to express
Javascript React
0 vote191 views1 answer
How can we update time in react js
Javascript React
0 vote181 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
0 vote195 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
1 vote199 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote183 views2 answers
React native elements datepicker
Javascript React
4 votes204 views1 answer
Text input placeholder color react native
Javascript React
0 vote177 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
1 vote188 views1 answer
Forcechange input reactiveform
Javascript React
0 vote187 views1 answer
React-native-redux login example github
Javascript React