HTML
<template>
<div class="slds-size_3-of-4">
<div class="slds-box slds-box_x-small slds-text-align_center slds-m-around_x-small">Basic Carousel
<lightning-carousel>
<lightning-carousel-image
src = "https://www.lightningdesignsystem.com/assets/images/carousel/carousel-01.jpg"
header = "First Card"
description = "First card description."
alternative-text = "First card accessible description."
href = "javascript:void(0);">
</lightning-carousel-image>
<lightning-carousel-image
src = "https://www.lightningdesignsystem.com/assets/images/carousel/carousel-02.jpg"
header = "Second Card"
description = "Second card description."
alternative-text = "Second card accessible description."
href = "javascript:void(0);">
</lightning-carousel-image>
<lightning-carousel-image
src = "https://www.lightningdesignsystem.com/assets/images/carousel/carousel-03.jpg"
header = "Third Card"
description = "Third card description."
alternative-text = "Third card accessible description."
href = "javascript:void(0);">
</lightning-carousel-image>
</lightning-carousel>
</div>
</div>
</template>
Preview
Video
Video does not exists.