pub fn dropdown_split(
color: Color,
label: &str,
href: &str,
items: &[DropdownItem],
) -> Element<Div>Expand description
Create a dropdown with a split button.
Examples found in repository?
examples/bootstrap_docs.rs (line 765)
735fn dropdown_section() -> Element<Section> {
736 Element::<Section>::new()
737 .attr("id", "dropdowns")
738 .class("mb-5")
739 .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Dropdowns"))
740 .child::<P, _>(|p| {
741 p.class("lead")
742 .text("Toggle contextual overlays for displaying lists of links and more.")
743 })
744 .child::<H4, _>(|h| h.class("mt-4").text("Single Button"))
745 .child::<Div, _>(|d| {
746 d.class("bd-example mb-3").child::<Div, _>(|_| {
747 let items = vec![
748 dropdown::DropdownItem::link("Action", "#"),
749 dropdown::DropdownItem::link("Another action", "#"),
750 dropdown::DropdownItem::divider(),
751 dropdown::DropdownItem::link("Separated link", "#"),
752 ];
753 dropdown::dropdown(Color::Primary, "Dropdown button", &items)
754 })
755 })
756 .child::<H4, _>(|h| h.class("mt-4").text("Split Button"))
757 .child::<Div, _>(|d| {
758 d.class("bd-example mb-3").child::<Div, _>(|_| {
759 let items = vec![
760 dropdown::DropdownItem::link("Action", "#"),
761 dropdown::DropdownItem::link("Another action", "#"),
762 dropdown::DropdownItem::divider(),
763 dropdown::DropdownItem::link("Separated link", "#"),
764 ];
765 dropdown::dropdown_split(Color::Success, "Action", "#", &items)
766 })
767 })
768 .child::<H4, _>(|h| h.class("mt-4").text("Directions"))
769 .child::<Div, _>(|d| {
770 let items = vec![dropdown::DropdownItem::link("Action", "#")];
771 d.class("bd-example mb-3")
772 .child::<Div, _>(|d| {
773 d.class("d-inline-block me-2")
774 .child::<Div, _>(|_| dropdown::dropup(Color::Secondary, "Dropup", &items))
775 })
776 .child::<Div, _>(|d| {
777 d.class("d-inline-block me-2")
778 .child::<Div, _>(|_| dropdown::dropend(Color::Secondary, "Dropend", &items))
779 })
780 .child::<Div, _>(|d| {
781 d.class("d-inline-block").child::<Div, _>(|_| {
782 dropdown::dropstart(Color::Secondary, "Dropstart", &items)
783 })
784 })
785 })
786}