/Javascript/React/How to add carsoul to react project

How to add carsoul to react project

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
import { Carousel } from 'react-responsive-carousel';

class DemoCarousel extends Component {
    render() {
        return (
            <Carousel>
                <div>
                    <img src="assets/1.jpeg" />
                    <p className="legend">Legend 1</p>
                </div>
                <div>
                    <img src="assets/2.jpeg" />
                    <p className="legend">Legend 2</p>
                </div>
                <div>
                    <img src="assets/3.jpeg" />
                    <p className="legend">Legend 3</p>
                </div>
            </Carousel>
        );
    }
}

ReactDOM.render(<DemoCarousel />, document.querySelector('.demo-carousel'));

// Don't forget to include the css in your page

// Using webpack or parcel with a style loader
// import styles from 'react-responsive-carousel/lib/styles/carousel.min.css';

// Using html tag:
// <link rel="stylesheet" href="<NODE_MODULES_FOLDER>/react-responsive-carousel/lib/styles/carousel.min.css"/>

Source: npmjs.com

Similar codes

0 vote209 views1 answer
Owl carousel for react
Javascript React
1 vote210 views2 answers
React js alert popup example
Javascript React
0 vote198 views1 answer
Display image from local JSON / JS Object using React
Javascript React
1 vote208 views1 answer
How to store array into react-native local storage
Javascript React
1 vote238 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote205 views1 answer
React native firebase login with facebook
Javascript React
0 vote220 views1 answer
Disable enter on input field react
Javascript React
0 vote255 views1 answer
Preventdefault not working react
Javascript React
18 votes227 views4 answers
React get route params
Javascript React
48 votes196 views1 answer
Emmet not working in react nextjs
Javascript React