gd-bs/src/components/carousel/templates.ts

Bootstrap JavaScript, TypeScript and Web Components library.

// Carousel
export const HTML = `
<div class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators"></div>
    <div class="carousel-inner"></div>
    <button class="carousel-control-prev" type="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>`.trim();

// Carousel Item
export const HTMLItem = `
<div class="carousel-item">
    <img class="d-block w-100" />
    <div class="carousel-caption"></div>
</div>`.trim();