@upendradevsingh/webcore/docs/src/components/Carousel/index.js

UI Core Components for web

import React, {Component} from 'react';
import SimpleCarouselComponent from './SimpleCarousel';
import ResponsiveCarouselComponent from './ResponsiveCarousel';

export default class CarouselComponent extends Component {
    render() {
        const styles = {
                header: {
                     textAlign: 'center'
                }
        };
        return (
            <section>
                <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
                <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
                <article>
                    <header>
                        <h2 style={styles.header}>Simple Carousel</h2>
                    </header>
                    <SimpleCarouselComponent />
                </article>
                <article>
                    <header>
                        <h2 style={styles.header}>Responsive Carousel</h2>
                    </header>
                    <ResponsiveCarouselComponent />
                </article>
            </section>
        );
    }
}