Skip to Content

Components

Carousel

Dependencies:

  • CarouselItem

1.0.0

Requires Celeste 1.1.0

Install or Update

wp celeste pull component Carousel

Dependencies will automatically be installed.

Properties

Prop Description
selectors Which type of selectors to show, withArrows or withDots
autoplay Whether the carousel should autoplay, true or false
autoplaySpeed Time in MS before the slide should change if autoplaying

How to use it

<Carousel selectors="withDots" autoplay>
    <CarouselItem>
        <div class="bg-primary text-primary-contrast aspect-video flex items-center justify-center">
            Carousel Item 1
        </div>
    </CarouselItem>
    <CarouselItem>
        <div class="bg-secondary text-secondary-contrast aspect-video flex items-center justify-center">
            Carousel Item 2
        </div>
    </CarouselItem>
</Carousel>