Function use_draggable

pub fn use_draggable<El, M>(target: El) -> UseDraggableReturn
where
    El: IntoElementMaybeSignal<EventTarget, M>,

Make elements draggable.

Demo

Link to Demo

Usage

let el = NodeRef::<Div>::new();

// `style` is a helper string "left: {x}px; top: {y}px;"
let UseDraggableReturn {
    x,
    y,
    style,
    ..
} = use_draggable_with_options(
    el,
    UseDraggableOptions::default().initial_value(Position { x: 40.0, y: 40.0 }),
);

view! {
    <div node_ref=el style=move || format!("position: fixed; {}", style.get())>
        Drag me! I am at { x }, { y }
    </div>
}