Carousel

Carousel

Sections

    Overview of CSS Classes

    Selector.slds-carousel
    Summary

    Initiates a carousel component

    Restrictdiv
    VariantTrue
    Selector.slds-carousel__stage
    Summary

    Main stage for carousel's tab-panels and tab-list inidicators

    Restrict.slds-carousel div
    Selector.slds-carousel__panels
    Summary

    Tabpanel region that contains all carousel panels

    Restrict.slds-carousel__stage div
    Selector.slds-carousel__panel-action
    Summary

    Actionable element that contains the carousel's tab-panel content

    Restrict.slds-carousel__stage a
    Selector.slds-carousel__image
    Summary

    Element that contains the image inside the carousel's tab-panel

    Restrict.slds-carousel__panel-action div
    Selector.slds-carousel__content
    Summary

    Element that contains the content inside the carousel's tab-panel

    Restrict.slds-carousel__panel-action div
    Selector.slds-carousel__content-title
    Summary

    Heading element that contains the title of the carousel's tab-panel

    Restrict.slds-carousel__content h2
    Selector.slds-carousel__autoplay
    Summary

    Element that contains the auto-play button icon to toggle on/off

    Restrict.slds-carousel__stage span
    Selector.slds-carousel__indicators
    Summary

    List element that contains the carousel's tab-list inidicators

    Restrict.slds-carousel ul
    Selector.slds-carousel__indicator
    Summary

    Carousel's tab-list inidicator items

    Restrict.slds-carousel__indicators li
    Selector.slds-carousel__indicator-action
    Summary

    Actionable element inside of each tab-list indicator

    Restrict.slds-carousel__indicator a
    Selector.slds-is-active
    Summary

    Active state notifying the tab that its current panel is active

    Restrict.slds-carousel__indicator-action