Struct DropdownProps 

pub struct DropdownProps {
    pub open: Signal<bool>,
    pub toggle: Element,
    pub menu: Element,
    pub class: String,
    pub toggle_class: String,
    pub direction: DropDirection,
    pub align_end: bool,
    pub split: bool,
    pub color: Option<Color>,
    /* private fields */
}

Bootstrap Dropdown component — signal-driven, no JavaScript.

Replaces Bootstrap’s dropdown JavaScript plugin with signal-controlled open/close. Supports split buttons, drop directions, and auto-closes on outside click.

Bootstrap HTML → Dioxus

<!-- Bootstrap HTML (requires JavaScript) -->
<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown">Menu</button>
  <ul class="dropdown-menu">
    <li><button class="dropdown-item">Action</button></li>
    <li><hr class="dropdown-divider"></li>
    <li><button class="dropdown-item">Other</button></li>
  </ul>
</div>

// Dioxus equivalent
let open = use_signal(|| false);
rsx! {
    Dropdown { open: open,
        toggle: rsx! { "Menu" },
        menu: rsx! {
            DropdownItem { "Action" }
            DropdownDivider {}
            DropdownItem { "Other" }
        },
    }
    // Split button variant
    Dropdown { open: open, split: true, color: Color::Danger,
        toggle: rsx! { "Delete" },
        menu: rsx! { DropdownItem { "Confirm Delete" } },
    }
}

Props

• open — Signal<bool> controlling open state
• toggle — toggle button content (Element)
• menu — dropdown menu content (Element)
• split — split button mode (separate action button + caret toggle)
• color — button color in split mode
• direction — DropDirection::Down, Up, Start, End
• align_end — align menu to the right

Fields

open: Signal<bool>

Signal controlling dropdown open state.

toggle: Element

Toggle button content.

menu: Element

Dropdown menu content (DropdownItem components).

class: String

Additional CSS classes for the dropdown container.

toggle_class: String

Additional CSS classes for the toggle button.

direction: DropDirection

Drop direction.

align_end: bool

Align menu to the end (right).

split: bool

Split button mode — toggle is a separate caret-only button.

color: Option<Color>

Color for split button mode (used for the main button).

Implementations

impl DropdownProps

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

Create a builder for building DropdownProps. On the builder, call .open(...), .toggle(...), .menu(...), .class(...)(optional), .toggle_class(...)(optional), .direction(...)(optional), .align_end(...)(optional), .split(...)(optional), .color(...)(optional), .attributes(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of DropdownProps.

Trait Implementations

impl Clone for DropdownProps

fn clone(&self) -> DropdownProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for DropdownProps

fn eq(&self, other: &DropdownProps) -> 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 DropdownProps

where Self: Clone,

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

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 DropdownProps