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

4 votes147 views2 answers
Onitemclick react
Javascript React
2 votes192 views1 answer
Set dynamic route in link react js
Javascript React
1 vote156 views1 answer
How to get the value of textarea in react
Javascript React
4 votes155 views1 answer
React propthpes or
Javascript React
0 vote140 views1 answer
Hide urls in .env in react app
Javascript React
0 vote152 views1 answer
Install reactivesearch
Javascript React
0 vote160 views1 answer
React hooks link to external site
Javascript React
0 vote157 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote143 views1 answer
Flatpicker not focusing in modal React
Javascript React
1 vote238 views1 answer
Update create react app package to latest
Javascript React