Struct ModalProps 

pub struct ModalProps {
    pub show: Signal<bool>,
    pub title: String,
    pub body: Option<Element>,
    pub footer: Option<Element>,
    pub size: ModalSize,
    pub backdrop_close: bool,
    pub show_close: bool,
    pub centered: bool,
    pub scrollable: bool,
    pub fullscreen: ModalFullscreen,
    pub class: String,
    pub children: Element,
    /* private fields */
}

Bootstrap Modal component — signal-driven, no JavaScript.

Replaces Bootstrap’s <div class="modal"> + JavaScript with a signal-controlled component.

Bootstrap HTML → Dioxus

<!-- Bootstrap HTML (requires JavaScript) -->
<div class="modal fade" tabindex="-1">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">Title</h5></div>
      <div class="modal-body"><p>Body</p></div>
      <div class="modal-footer"><button class="btn btn-primary">OK</button></div>
    </div>
  </div>
</div>

// Dioxus equivalent — no JavaScript needed
let show = use_signal(|| false);
rsx! {
    Button { onclick: move |_| show.set(true), "Open Modal" }
    Modal {
        show: show,
        title: "Confirm Action",
        size: ModalSize::Lg,
        centered: true,
        body: rsx! { p { "Are you sure?" } },
        footer: rsx! {
            Button { color: Color::Secondary, onclick: move |_| show.set(false), "Cancel" }
            Button { color: Color::Primary, "Confirm" }
        },
    }
}

Props

• show — Signal<bool> controlling visibility
• title — modal title text
• body — modal body content (Element)
• footer — modal footer content (Element)
• size — ModalSize::Sm, Default, Lg, Xl
• fullscreen — ModalFullscreen::Off, Always, SmDown..XxlDown
• centered — vertically center the modal
• scrollable — scrollable modal body
• backdrop_close — close when clicking backdrop (default: true)

Fields

show: Signal<bool>

Signal controlling modal visibility.

title: String

Modal title.

body: Option<Element>

Modal body content.

footer: Option<Element>

Modal footer content.

size: ModalSize

Modal size.

backdrop_close: bool

Close when clicking the backdrop.

show_close: bool

Show the close button in the header.

centered: bool

Center the modal vertically.

scrollable: bool

Allow the modal body to scroll.

fullscreen: ModalFullscreen

Fullscreen mode.

class: String

Additional CSS classes for the modal-dialog.

children: Element

Child elements (alternative to body prop for custom layout).

Implementations

impl ModalProps

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

Create a builder for building ModalProps. On the builder, call .show(...), .title(...)(optional), .body(...)(optional), .footer(...)(optional), .size(...)(optional), .backdrop_close(...)(optional), .show_close(...)(optional), .centered(...)(optional), .scrollable(...)(optional), .fullscreen(...)(optional), .class(...)(optional), .attributes(...)(optional), .children(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of ModalProps.

Trait Implementations

impl Clone for ModalProps

fn clone(&self) -> ModalProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for ModalProps

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

where Self: Clone,

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

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 ModalProps