Struct CarouselProps 

pub struct CarouselProps {
    pub active: Signal<usize>,
    pub slides: Vec<CarouselSlide>,
    pub indicators: bool,
    pub controls: bool,
    pub fade: bool,
    pub dark: bool,
    pub ride: bool,
    pub interval: u64,
    pub class: String,
}

Bootstrap Carousel component — signal-driven, no JavaScript.

Supports slide/fade transitions, auto-play with configurable interval, pause on hover, keyboard navigation (arrow keys), and touch swipe.

Bootstrap HTML → Dioxus

HTML	Dioxus
<div class="carousel slide" data-bs-ride="carousel">	Carousel { active: signal, ride: true, slides: vec![...] }
<div class="carousel-item"><img src="..." class="d-block w-100">	CarouselSlide { src: "...".into(), alt: "...".into(), ... }
<div class="carousel slide carousel-fade">	Carousel { fade: true, ... }
data-bs-interval="3000"	interval: 3000

let active = use_signal(|| 0usize);
rsx! {
    Carousel {
        active: active,
        slides: vec![
            CarouselSlide { src: "/img/1.jpg".into(), alt: "First".into(),
                caption_title: Some("First slide".into()), caption_text: None },
            CarouselSlide { src: "/img/2.jpg".into(), alt: "Second".into(),
                caption_title: None, caption_text: None },
        ],
        ride: true,
        interval: 5000,
    }
}

Fields

active: Signal<usize>

Signal controlling the active slide index.

slides: Vec<CarouselSlide>

Slide definitions.

indicators: bool

Show indicator dots.

controls: bool

Show prev/next controls.

fade: bool

Crossfade transition instead of slide.

dark: bool

Dark variant for lighter background images.

ride: bool

Enable auto-play cycling.

interval: u64

Auto-play interval in milliseconds (default 5000).

class: String

Additional CSS classes.

Implementations

impl CarouselProps

pub fn builder() -> CarouselPropsBuilder<((), (), (), (), (), (), (), (), ())>

Create a builder for building CarouselProps. On the builder, call .active(...), .slides(...), .indicators(...)(optional), .controls(...)(optional), .fade(...)(optional), .dark(...)(optional), .ride(...)(optional), .interval(...)(optional), .class(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of CarouselProps.

Trait Implementations

impl Clone for CarouselProps

fn clone(&self) -> CarouselProps

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl PartialEq for CarouselProps

fn eq(&self, other: &CarouselProps) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl Properties for CarouselProps

where Self: Clone,

type Builder = CarouselPropsBuilder<((), (), (), (), (), (), (), (), ())>

The type of the builder for this component. Used to create “in-progress” versions of the props.

fn builder() -> Self::Builder

Create a builder for this component.

fn memoize(&mut self, new: &Self) -> bool

Make the old props equal to the new props. Return if the props were equal and should be memoized.

fn into_vcomponent<M>( self, render_fn: impl ComponentFunction<Self, M>, ) -> VComponent

where M: 'static,

Create a component from the props.

impl StructuralPartialEq for CarouselProps