Enum DropdownItem 

pub enum DropdownItem {
    Link {
        text: String,
        href: String,
    },
    Active {
        text: String,
        href: String,
    },
    Disabled {
        text: String,
        href: String,
    },
    Divider,
    Header(String),
    Text(String),
}

A dropdown menu item.

Variants

Link

A clickable link item.

Fields

text: String

href: String

Active

An active (highlighted) link item.

Fields

text: String

href: String

Disabled

A disabled link item.

Fields

text: String

href: String

Divider

A divider line.

Header(String)

A non-interactive header.

Text(String)

Plain text (non-interactive).

Implementations

impl DropdownItem

pub fn link(text: impl Into<String>, href: impl Into<String>) -> Self

Create a link item.

Examples found in repository

examples/bootstrap_docs.rs (line 748)

fn dropdown_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "dropdowns")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Dropdowns"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("Toggle contextual overlays for displaying lists of links and more.")
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Single Button"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    dropdown::DropdownItem::link("Action", "#"),
                    dropdown::DropdownItem::link("Another action", "#"),
                    dropdown::DropdownItem::divider(),
                    dropdown::DropdownItem::link("Separated link", "#"),
                ];
                dropdown::dropdown(Color::Primary, "Dropdown button", &items)
            })
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Split Button"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    dropdown::DropdownItem::link("Action", "#"),
                    dropdown::DropdownItem::link("Another action", "#"),
                    dropdown::DropdownItem::divider(),
                    dropdown::DropdownItem::link("Separated link", "#"),
                ];
                dropdown::dropdown_split(Color::Success, "Action", "#", &items)
            })
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Directions"))
        .child::<Div, _>(|d| {
            let items = vec![dropdown::DropdownItem::link("Action", "#")];
            d.class("bd-example mb-3")
                .child::<Div, _>(|d| {
                    d.class("d-inline-block me-2")
                        .child::<Div, _>(|_| dropdown::dropup(Color::Secondary, "Dropup", &items))
                })
                .child::<Div, _>(|d| {
                    d.class("d-inline-block me-2")
                        .child::<Div, _>(|_| dropdown::dropend(Color::Secondary, "Dropend", &items))
                })
                .child::<Div, _>(|d| {
                    d.class("d-inline-block").child::<Div, _>(|_| {
                        dropdown::dropstart(Color::Secondary, "Dropstart", &items)
                    })
                })
        })
}

pub fn active(text: impl Into<String>, href: impl Into<String>) -> Self

Create an active link item.

pub fn disabled(text: impl Into<String>, href: impl Into<String>) -> Self

Create a disabled link item.

pub const fn divider() -> Self

Create a divider.

Examples found in repository

examples/bootstrap_docs.rs (line 750)

fn dropdown_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "dropdowns")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Dropdowns"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("Toggle contextual overlays for displaying lists of links and more.")
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Single Button"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    dropdown::DropdownItem::link("Action", "#"),
                    dropdown::DropdownItem::link("Another action", "#"),
                    dropdown::DropdownItem::divider(),
                    dropdown::DropdownItem::link("Separated link", "#"),
                ];
                dropdown::dropdown(Color::Primary, "Dropdown button", &items)
            })
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Split Button"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3").child::<Div, _>(|_| {
                let items = vec![
                    dropdown::DropdownItem::link("Action", "#"),
                    dropdown::DropdownItem::link("Another action", "#"),
                    dropdown::DropdownItem::divider(),
                    dropdown::DropdownItem::link("Separated link", "#"),
                ];
                dropdown::dropdown_split(Color::Success, "Action", "#", &items)
            })
        })
        .child::<H4, _>(|h| h.class("mt-4").text("Directions"))
        .child::<Div, _>(|d| {
            let items = vec![dropdown::DropdownItem::link("Action", "#")];
            d.class("bd-example mb-3")
                .child::<Div, _>(|d| {
                    d.class("d-inline-block me-2")
                        .child::<Div, _>(|_| dropdown::dropup(Color::Secondary, "Dropup", &items))
                })
                .child::<Div, _>(|d| {
                    d.class("d-inline-block me-2")
                        .child::<Div, _>(|_| dropdown::dropend(Color::Secondary, "Dropend", &items))
                })
                .child::<Div, _>(|d| {
                    d.class("d-inline-block").child::<Div, _>(|_| {
                        dropdown::dropstart(Color::Secondary, "Dropstart", &items)
                    })
                })
        })
}

pub fn header(text: impl Into<String>) -> Self

Create a header.

pub fn text(text: impl Into<String>) -> Self

Create plain text.