#dioxus #resize #observer #hook #mounted #size #prelude

dioxus-resize-observer

Resize observer hooks for Dioxus

2 releases

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

#6 in #observer

Download history 171/week @ 2024-03-25 139/week @ 2024-04-01 16/week @ 2024-04-08 6/week @ 2024-04-22

168 downloads per month

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
~220K SLoC