/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 vote264 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote239 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote257 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote237 views1 answer
Button react native style
Javascript React
0 vote257 views1 answer
Textalignvertical not working in ios react native
Javascript React
12 votes256 views3 answers
Get value of input react
Javascript React
0 vote239 views1 answer
Implement cai webchat in react native
Javascript React
0 vote251 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
0 vote283 views1 answer
React native uid
Javascript React
0 vote237 views1 answer
React type div onClick
Javascript React