Carousel

IsabyteCarousel

The IsabyteCarousel component displays content in a rotating slideshow with navigation arrows, pagination dots, autoplay, looping, per-item transition effects, and GIF export. Slides can contain any content.

Slide Content

Choose what type of content to display in the carousel slides.

Image slides

Custom content

Transition effects

GIF import

Marquee

Preview — Slide 1

Current Configuration

📋

<IsabyteCarousel Height="300px"
             Width="100%"
             @bind-SelectedIndex="_selectedIndex">
    <IsabyteCarouselItem>...</IsabyteCarouselItem>
    <IsabyteCarouselItem>...</IsabyteCarouselItem>
</IsabyteCarousel>

Related learning

See the Banner Creation tutorial for a step-by-step walkthrough.