Carousel

carousel

.slds-carousel — A carousel allows multiple pieces of featured content to occupy an allocated amount of space.

base

.slds-carousel — Initiates a carousel component

.slds-carousel__stage

.slds-carousel__stage — Main stage for carousel's tab-panels and tab-list inidicators

.slds-carousel__panels

.slds-carousel__panels — Tabpanel region that contains all carousel panels

.slds-carousel__panel-action

.slds-carousel__panel-action — Actionable element that contains the carousel's tab-panel content

.slds-carousel__image

.slds-carousel__image — Element that contains the image inside the carousel's tab-panel

.slds-carousel__content

.slds-carousel__content — Element that contains the content inside the carousel's tab-panel

.slds-carousel__content-title

.slds-carousel__content-title — Heading element that contains the title of the carousel's tab-panel

.slds-carousel__autoplay

.slds-carousel__autoplay — Element that contains the auto-play button icon to toggle on/off

.slds-carousel__indicators

.slds-carousel__indicators — List element that contains the carousel's tab-list inidicators

.slds-carousel__indicator

.slds-carousel__indicator — Carousel's tab-list inidicator items

.slds-carousel__indicator-action

.slds-carousel__indicator-action — Actionable element inside of each tab-list indicator

.slds-is-active

.slds-is-active — Active state notifying the tab that its current panel is active