Struct TooltipProps 

pub struct TooltipProps {
    pub text: String,
    pub placement: TooltipPlacement,
    pub fallback_placements: Vec<TooltipPlacement>,
    pub trigger: TooltipTriggers,
    pub delay: TooltipDelay,
    pub open: Option<bool>,
    pub offset: OverlayOffset,
    pub boundary_padding: f64,
    pub class: String,
    pub children: Element,
}

Bootstrap Tooltip component.

Renders a Bootstrap tooltip 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="tooltip" data-bs-placement="top" title="Tooltip text">Hover me</button>

rsx! {
    Tooltip { text: "Save your work", placement: TooltipPlacement::Top,
        Button { color: Color::Primary, "Save" }
    }
    Tooltip {
        text: "Click for details",
        trigger: TooltipTriggers::CLICK,
        placement: TooltipPlacement::Auto,
        Button { color: Color::Info, "Details" }
    }
}

Fields

text: String

Tooltip text content.

placement: TooltipPlacement

Requested placement relative to the trigger element.

fallback_placements: Vec<TooltipPlacement>

Fallback placements used when requested placement does not fit.

trigger: TooltipTriggers

Trigger behavior. Defaults to hover plus focus.

delay: TooltipDelay

Show/hide delay in milliseconds.

open: Option<bool>

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

offset: OverlayOffset

Offset from the trigger.

boundary_padding: f64

Padding inside the viewport boundary.

class: String

Additional CSS classes for the tooltip element.

children: Element

Child element or elements that act as the trigger.

Implementations

impl TooltipProps

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

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

Trait Implementations

impl Clone for TooltipProps

fn clone(&self) -> TooltipProps

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl PartialEq for TooltipProps

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

Equality operator ==.

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

Inequality operator !=.

impl Properties for TooltipProps

where Self: Clone,

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

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 TooltipProps