Popover#
...
use leptonic::atoms::button::Button;
use leptonic::atoms::hoverable::Hoverable;
use leptonic::atoms::link::AnchorLink;
use leptonic::atoms::popover::{Popover, PopoverContent, PopoverContext, PopoverTrigger};
view! {
<Popover disabled=false>
<PopoverTrigger>
{
let ctx = expect_context::<PopoverContext>();
view! {
<Button on_hover_start=move |_| ctx.set_state.set(true) on_hover_end=move |_| ctx.set_state.set(false)>
"Press me"
</Button>
}
}
</PopoverTrigger>
<PopoverContent placement_x=PlacementX::Center placement_y=PlacementY::Above writing_direction=WritingDirection::Ltr>
"Overlay"
</PopoverContent>
</Popover>
}
Hover me