dioxus-resize-observer 0.3.0

Resize observer hooks for Dioxus.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

use dioxus::prelude::*;
use dioxus_resize_observer::use_size;
use dioxus_use_mounted::use_mounted;

fn app() -> Element {
    let mounted = use_mounted();
    let size = use_size(mounted);

    rsx!(
        div { onmounted: move |event| mounted.onmounted(event), "Size: {size.width()} x {size.height()}" }
    )
}

fn main() {
    dioxus_web::launch::launch_cfg(app, Default::default());
}