Carousel

BptCarousel

The BptCarousel 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 Blazor content.

Slide Content

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

Image slides

Custom content

Transition effects

GIF import

Marquee

Carousel Parameters

Preview — Slide 1

Current Configuration

📋

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

Related learning

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