Skip to main content

Carousel

shadow

A Carousel is an element that displays multiple items, such as images or news updates, in a rotating fashion.

Basic usage​

Paginaton​

No loop​

Dialogue​

Thumbnail image​

Offset​

Distribution​

Attributes and Properties​

activeSlide​

DescriptionActive slide carousel.
Attributeactive-slide
Typenumber
Default0

pagination​

DescriptionView carousel pagination.
Attributepagination
Typeboolean
Defaultfalse
DescriptionDisplay of carousel navigation buttons.
Attributenavigation
Typeboolean
Defaultfalse

thumbnails​

DescriptionView carousel previews.
Attributethumbnails
Typeboolean
Defaultfalse

loop​

DescriptionEndless repetition of the carousel.
Attributeloop
Typeboolean
Defaultfalse

Events​

No events available for this component.

Methods​

goToSlide​

DescriptionGoes to the specified slide.
Signature(index: number, behavior?: string, next?: boolean) => void

nextSlide​

DescriptionHe'll move on to the next slide.
Signature() => void

previousSlide​

DescriptionIt goes to the previous slide.
Signature() => void

CSS Shadow Parts​

No CSS shadow parts available for this component.

Slots​

NameDescription
``Main contents of the carousel.

Content