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 vote257 views1 answer
React native blur view crashing on android
Javascript React
11 votes266 views3 answers
React app and tailwind
Javascript React
0 vote279 views3 answers
Proptypes for a react component
Javascript React
2 votes242 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote264 views1 answer
React input value set state on change
Javascript React
0 vote267 views1 answer
React js and graphql integration
Javascript React
1 vote343 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
8 votes276 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
-2 votes282 views1 answer
2 taps is required to close keyboad in react native
Javascript React
59 votes234 views3 answers
Npm react router dom
Javascript React