Struct PopoverProps 

pub struct PopoverProps {
    pub title: String,
    pub body: Element,
    pub placement: PopoverPlacement,
    pub fallback_placements: Vec<PopoverPlacement>,
    pub trigger: PopoverTriggers,
    pub delay: PopoverDelay,
    pub open: Option<bool>,
    pub offset: OverlayOffset,
    pub boundary_padding: f64,
    pub dismiss_on_outside_click: bool,
    pub class: String,
    pub children: Element,
}

Bootstrap Popover component.

Renders Bootstrap popover markup with Dioxus-owned trigger state and viewport-aware placement. It does not depend on Bootstrap JavaScript or Popper.js.

Bootstrap HTML -> Dioxus

<button data-bs-toggle="popover" data-bs-title="Title" data-bs-content="Content">Click</button>

rsx! {
    Popover {
        title: "Popover Title",
        body: rsx! { "Rich content here." },
        Button { color: Color::Info, "Click for details" }
    }
    Popover {
        title: "Focus dismiss",
        body: rsx! { "Focus another element to dismiss." },
        trigger: PopoverTriggers::FOCUS,
        placement: PopoverPlacement::Auto,
        Button { color: Color::Secondary, "Focus" }
    }
}

Fields

title: String

Popover title text.

body: Element

Popover body content.

placement: PopoverPlacement

Requested placement relative to the trigger element.

fallback_placements: Vec<PopoverPlacement>

Fallback placements used when requested placement does not fit.

trigger: PopoverTriggers

Trigger behavior. Defaults to click.

delay: PopoverDelay

Show/hide delay in milliseconds.

open: Option<bool>

Controlled open state. When set, internal triggers are ignored.

offset: OverlayOffset

Offset from trigger.

boundary_padding: f64

Padding inside viewport boundary.

dismiss_on_outside_click: bool

Close uncontrolled popovers when clicking outside the trigger/popover.

class: String

Additional CSS classes for the popover element.

children: Element

Child element used as the trigger.

Implementations

impl PopoverProps

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

Create a builder for building PopoverProps. On the builder, call .title(...)(optional), .body(...), .placement(...)(optional), .fallback_placements(...)(optional), .trigger(...)(optional), .delay(...)(optional), .open(...)(optional), .offset(...)(optional), .boundary_padding(...)(optional), .dismiss_on_outside_click(...)(optional), .class(...)(optional), .children(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of PopoverProps.

Trait Implementations

impl Clone for PopoverProps

fn clone(&self) -> PopoverProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for PopoverProps

fn eq(&self, other: &PopoverProps) -> bool

Equality operator ==.

fn ne(&self, other: &Rhs) -> bool

Inequality operator !=.

impl Properties for PopoverProps

where Self: Clone,

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

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 PopoverProps