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 votes206 views1 answer
React-redix and redux
Javascript React
0 vote206 views1 answer
React native charts style gradiant
Javascript React
0 vote241 views1 answer
Javascript react reverse map
Javascript React
0 vote214 views2 answers
How to pass data in router link react-typescript
Javascript React
3 votes227 views3 answers
How to hide source for react project
Javascript React
1 vote222 views1 answer
What is react easy emoji
Javascript React
0 vote225 views1 answer
How to add react.memo in export list
Javascript React
1 vote210 views1 answer
Add sass autoprefixer to react
Javascript React
22 votes219 views2 answers
React-bootstrap example
Javascript React
0 vote240 views1 answer
My vscode does not recognize react code syntax
Javascript React