Struct CarouselItem 

pub struct CarouselItem {
    pub image_src: String,
    pub image_alt: String,
    pub caption_title: Option<String>,
    pub caption_text: Option<String>,
    pub active: bool,
}

A carousel slide item.

Fields

image_src: String

image_alt: String

caption_title: Option<String>

caption_text: Option<String>

active: bool

Implementations

impl CarouselItem

pub fn new(src: impl Into<String>, alt: impl Into<String>) -> Self

Create a new carousel item.

Examples found in repository

examples/bootstrap_docs.rs (lines 651-654)

fn carousel_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "carousel")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Carousel"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("A slideshow component for cycling through elements.")
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Basic Example"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/007bff/ffffff?text=First+Slide",
                        "First slide",
                    )
                    .active()
                    .caption(
                        "First slide label",
                        "Some representative placeholder content.",
                    ),
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/6c757d/ffffff?text=Second+Slide",
                        "Second slide",
                    )
                    .caption("Second slide label", "Some more placeholder content."),
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/28a745/ffffff?text=Third+Slide",
                        "Third slide",
                    )
                    .caption("Third slide label", "Even more placeholder content."),
                ];
                carousel::carousel_with_indicators("carouselExample", &items)
            })
        })
}

pub const fn active(self) -> Self

Mark this slide as active.

Examples found in repository

examples/bootstrap_docs.rs (line 655)

fn carousel_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "carousel")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Carousel"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("A slideshow component for cycling through elements.")
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Basic Example"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/007bff/ffffff?text=First+Slide",
                        "First slide",
                    )
                    .active()
                    .caption(
                        "First slide label",
                        "Some representative placeholder content.",
                    ),
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/6c757d/ffffff?text=Second+Slide",
                        "Second slide",
                    )
                    .caption("Second slide label", "Some more placeholder content."),
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/28a745/ffffff?text=Third+Slide",
                        "Third slide",
                    )
                    .caption("Third slide label", "Even more placeholder content."),
                ];
                carousel::carousel_with_indicators("carouselExample", &items)
            })
        })
}

pub fn caption(self, title: impl Into<String>, text: impl Into<String>) -> Self

Add a caption to this slide.

Examples found in repository

examples/bootstrap_docs.rs (lines 656-659)

fn carousel_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "carousel")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Carousel"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("A slideshow component for cycling through elements.")
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Basic Example"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/007bff/ffffff?text=First+Slide",
                        "First slide",
                    )
                    .active()
                    .caption(
                        "First slide label",
                        "Some representative placeholder content.",
                    ),
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/6c757d/ffffff?text=Second+Slide",
                        "Second slide",
                    )
                    .caption("Second slide label", "Some more placeholder content."),
                    carousel::CarouselItem::new(
                        "https://via.placeholder.com/800x400/28a745/ffffff?text=Third+Slide",
                        "Third slide",
                    )
                    .caption("Third slide label", "Even more placeholder content."),
                ];
                carousel::carousel_with_indicators("carouselExample", &items)
            })
        })
}