Carousel

Documentation

Web Component

// Return the carousel properties return { items: [ { captions: "
First Slide
", imageUrl: "https://via.placeholder.com/400x200", imageAlt: "First Slide", isActive: true }, { captions: "
Second Slide
", imageUrl: "https://via.placeholder.com/400x200", imageAlt: "Second Slide" }, { captions: "
Third Slide
", imageUrl: "https://via.placeholder.com/400x200", imageAlt: "Third Slide" } ] };
<script type="text/javascript" src="https://unpkg.com/gd-sprest-bs-wc/wc/dist/gd-sprest-bs.js"></script>
<bs-carousel id="wcCarouselDemo" enable-controls="true" enable-indicators="true">
    // Return the carousel properties
    return {
        items: [
            {
                captions: "<h5>First Slide</h5>",
                imageUrl: "https://via.placeholder.com/400x200",
                imageAlt: "First Slide",
                isActive: true
            },
            {
                captions: "<h5>Second Slide</h5>",
                imageUrl: "https://via.placeholder.com/400x200",
                imageAlt: "Second Slide"
            },
            {
                captions: "<h5>Third Slide</h5>",
                imageUrl: "https://via.placeholder.com/400x200",
                imageAlt: "Third Slide"
            }
        ]
    };
</bs-carousel>