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

16 votes383 views2 answers
Render text in for loop react in function
Javascript React
0 vote350 views1 answer
Pause console debugger in react
Javascript React
0 vote377 views1 answer
React electron desktop app
Javascript React
0 vote365 views1 answer
React redux open another page
Javascript React
9 votes362 views3 answers
Shadowoffset react native constructor
Javascript React
0 vote395 views1 answer
Space between react native
Javascript React
1 vote387 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote361 views2 answers
How to give data from react native to webview
Javascript React
2 votes388 views2 answers
Discord.js remove reaction
Javascript React
0 vote378 views1 answer
Onclick start and stop the count react
Javascript React