#dioxus #resize #hook #observer #size #web

dioxus-resize-observer

Resize observer hooks for Dioxus

2 releases

0.2.0 Apr 4, 2024
0.2.0-alpha.1 Mar 26, 2024

#312 in WebAssembly

MIT license

13KB
56 lines

Discord Server

dioxus-resize-observer

Resize observer hooks for Dioxus 🧬.

Support

  • 0.1.0 - Dioxus v0.4 🧬 git - Dioxus v0.5
  • Web renderer (WASM)

Example

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

fn app() -> Element {
    let mounted = use_mounted();
    let (width, height) = use_size(mounted);

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

License

MIT

Dependencies

~9–17MB
~222K SLoC