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 vote119 views1 answer
How to remove react icon from tab
Javascript React
16 votes119 views3 answers
Importing svg into react
Javascript React
37 votes57 views5 answers
React sass
Javascript React
0 vote119 views1 answer
React native get route name
Javascript React
0 vote106 views1 answer
React-with-firebase-auth
Javascript React
-1 vote105 views1 answer
React localstorage remove item
Javascript React
0 vote109 views2 answers
Editable pre input react
Javascript React
17 votes102 views5 answers
Add background image react native
Javascript React
0 vote109 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote104 views1 answer
Only numbers or string. Input field in React
Javascript React