Tooltip

DaisyUI

Tooltip can be used to show a message when hovering over an element.

Basic Tooltip
Placements

Position tooltip on any side.

Colors

Different semantic colors.

Force Open

Use tooltip-open to always show.

Code Example
use rsxui::components::{Tooltip, TooltipPlacement, Color};
use rsx_macros::rsx;
let html = rsx! {
    <Tooltip data_tip="hello" placement=TooltipPlacement::Top color=Color::Primary>
        <button class="btn">"Hover me"</button>
    </Tooltip>
};