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 vote153 views2 answers
React how to sleep 1 second
Javascript React
-1 vote158 views2 answers
How to validate date in react
Javascript React
1 vote140 views1 answer
How to populate a checkbox from an api react
Javascript React
3 votes165 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
0 vote146 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
0 vote148 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
3 votes135 views2 answers
React link without underline
Javascript React
0 vote219 views1 answer
About react frame
Javascript React
6 votes150 views2 answers
React native disable the text input
Javascript React
32 votes100 views4 answers
React update state array of objects
Javascript React