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 vote393 views1 answer
React native cors origin
Javascript React
0 vote378 views1 answer
Dropdown list value react fragment
Javascript React
0 vote410 views1 answer
Url in listitem react
Javascript React
0 vote419 views1 answer
Make 2div in row react js
Javascript React
-1 vote416 views1 answer
Component navigation without changin the url react router
Javascript React
38 votes390 views4 answers
Useref in react hooks
Javascript React
0 vote417 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
1 vote386 views1 answer
Forcechange input reactiveform
Javascript React
0 vote392 views1 answer
Javascript slider get value react
Javascript React
0 vote398 views1 answer
React router not working with aws amplify
Javascript React