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

0 vote376 views1 answer
How to place text over image in react
Javascript React
2 votes209 views2 answers
React native select option
Javascript React
11 votes223 views3 answers
Create react tailwind app
Javascript React
113 votes267 views4 answers
New create react app
Javascript React
86 votes210 views3 answers
React check if window exists
Javascript React
0 vote224 views1 answer
How to take out text from array of strings in react
Javascript React
127 votes662 views3 answers
Make react app
Javascript React
0 vote351 views2 answers
React native use route params
Javascript React
0 vote216 views3 answers
Link react router dom
Javascript React
0 vote218 views1 answer
React native anination 2 valuse
Javascript React