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

UI Core Components for web

import React, {Component} from 'react';
import {SimpleCarousel} from '../../../../src/Carousel';

export default class SimpleCarouselComponent extends Component {
    render() {
        return (
            <article
                class="col-sm-12 col-md-12 col-lg-12">
                <div class="with-white-arrow segment-main-slider common-slider">
                    <div
                        class="carousel">
                        <SimpleCarousel>

                            <div class="slide">
                                <a href="#">
                                    <img
                                        class="load-in-viewport"
                                        src="/slide1.jpg"
                                        alt="slide 1"/>
                                </a>
                            </div>

                            <div class="slide">
                               <a href="#">
                                    <img
                                        class="load-in-viewport"
                                        src="/slide2.jpg"
                                        alt="slide 2"/>
                                </a>
                            </div>

                            <div class="slide">
                                <a href="#">
                                    <img
                                        class="load-in-viewport"
                                        src="/slide1.jpg"
                                        alt="slide 3"/>
                                </a>
                            </div>

                        </SimpleCarousel>
                    </div>
                </div>

            </article>
        );
    }
}