Carousel

DaisyUI

Carousel shows images or content in a scrollable area.

Focus the carousel with Tab then use Left / Right arrow keys to scroll.

Snap to Start (Default)

Snap to Center

Snap to End

Vertical Carousel

Full Width Items

Code Example

use rsxui::components::{Carousel, CarouselItem, CarouselSnap};

use rsx_macros::rsx;

let html = rsx! {

    <Carousel snap=CarouselSnap::Center class="rounded-box">

        <CarouselItem><img src="1.jpg" /></CarouselItem>

        <CarouselItem><img src="2.jpg" /></CarouselItem>

    </Carousel>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026