/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 vote313 views1 answer
Asp.net core react server session
Javascript React
-1 vote307 views2 answers
Email validation in react js
Javascript React
32 votes293 views1 answer
React-router react-router-dom
Javascript React
1 vote264 views1 answer
React native linking phone call
Javascript React
13 votes262 views1 answer
Round button corner right react native
Javascript React
26 votes332 views6 answers
React redirect to url
Javascript React
4 votes317 views2 answers
React get url params in class component
Javascript React
0 vote308 views1 answer
React component in for loop
Javascript React
0 vote316 views1 answer
Enzynme not support react 17
Javascript React
0 vote293 views1 answer
React-phone-number-input retur message in react hook form
Javascript React