Struct ListGroupLink 

pub struct ListGroupLink {
    pub text: String,
    pub href: String,
    pub active: bool,
    pub disabled: bool,
    pub color: Option<Color>,
}

A list group link item.

Fields

text: String

href: String

active: bool

disabled: bool

color: Option<Color>

Implementations

impl ListGroupLink

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

Create a new list group link.

Examples found in repository

examples/bootstrap_docs.rs (line 455)

fn list_group_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "list-group")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("List Group"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("List groups are a flexible and powerful component for displaying lists.")
        })
        // Basic example
        .child::<H4, _>(|h| h.class("mt-4").text("Basic Example"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ul, _>(|_| {
                    list_group::list_group(&["An item", "A second item", "A third item"])
                })
        })
        // With links
        .child::<H4, _>(|h| h.class("mt-4").text("Links and Buttons"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Div, _>(|_| {
                    let items = vec![
                        list_group::ListGroupLink::new("The current link item", "#").active(),
                        list_group::ListGroupLink::new("A second link item", "#"),
                        list_group::ListGroupLink::new("A third link item", "#"),
                        list_group::ListGroupLink::new("A disabled link item", "#").disabled(),
                    ];
                    list_group::list_group_links(&items)
                })
        })
        // Flush
        .child::<H4, _>(|h| h.class("mt-4").text("Flush"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ul, _>(|_| {
                    list_group::list_group_flush(&["An item", "A second item", "A third item"])
                })
        })
        // Numbered
        .child::<H4, _>(|h| h.class("mt-4").text("Numbered"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ol, _>(|_| {
                    list_group::list_group_numbered(&["A list item", "A list item", "A list item"])
                })
        })
}

pub const fn active(self) -> Self

Set this link as active.

Examples found in repository

examples/bootstrap_docs.rs (line 455)

fn list_group_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "list-group")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("List Group"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("List groups are a flexible and powerful component for displaying lists.")
        })
        // Basic example
        .child::<H4, _>(|h| h.class("mt-4").text("Basic Example"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ul, _>(|_| {
                    list_group::list_group(&["An item", "A second item", "A third item"])
                })
        })
        // With links
        .child::<H4, _>(|h| h.class("mt-4").text("Links and Buttons"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Div, _>(|_| {
                    let items = vec![
                        list_group::ListGroupLink::new("The current link item", "#").active(),
                        list_group::ListGroupLink::new("A second link item", "#"),
                        list_group::ListGroupLink::new("A third link item", "#"),
                        list_group::ListGroupLink::new("A disabled link item", "#").disabled(),
                    ];
                    list_group::list_group_links(&items)
                })
        })
        // Flush
        .child::<H4, _>(|h| h.class("mt-4").text("Flush"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ul, _>(|_| {
                    list_group::list_group_flush(&["An item", "A second item", "A third item"])
                })
        })
        // Numbered
        .child::<H4, _>(|h| h.class("mt-4").text("Numbered"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ol, _>(|_| {
                    list_group::list_group_numbered(&["A list item", "A list item", "A list item"])
                })
        })
}

pub const fn disabled(self) -> Self

Set this link as disabled.

Examples found in repository

examples/bootstrap_docs.rs (line 458)

fn list_group_section() -> Element<Section> {
    Element::<Section>::new()
        .attr("id", "list-group")
        .class("mb-5")
        .child::<H2, _>(|h| h.class("border-bottom pb-2").text("List Group"))
        .child::<P, _>(|p| {
            p.class("lead")
                .text("List groups are a flexible and powerful component for displaying lists.")
        })
        // Basic example
        .child::<H4, _>(|h| h.class("mt-4").text("Basic Example"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ul, _>(|_| {
                    list_group::list_group(&["An item", "A second item", "A third item"])
                })
        })
        // With links
        .child::<H4, _>(|h| h.class("mt-4").text("Links and Buttons"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Div, _>(|_| {
                    let items = vec![
                        list_group::ListGroupLink::new("The current link item", "#").active(),
                        list_group::ListGroupLink::new("A second link item", "#"),
                        list_group::ListGroupLink::new("A third link item", "#"),
                        list_group::ListGroupLink::new("A disabled link item", "#").disabled(),
                    ];
                    list_group::list_group_links(&items)
                })
        })
        // Flush
        .child::<H4, _>(|h| h.class("mt-4").text("Flush"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ul, _>(|_| {
                    list_group::list_group_flush(&["An item", "A second item", "A third item"])
                })
        })
        // Numbered
        .child::<H4, _>(|h| h.class("mt-4").text("Numbered"))
        .child::<Div, _>(|d| {
            d.class("bd-example mb-3")
                .attr("style", "max-width: 400px;")
                .child::<Ol, _>(|_| {
                    list_group::list_group_numbered(&["A list item", "A list item", "A list item"])
                })
        })
}

pub const fn color(self, color: Color) -> Self

Set a contextual color.