dioxus-resize-observer
Resize observer hooks for Dioxus .
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);
rsx!(div {
onmounted: move |event| mounted.onmounted(event),
"Size: {width} x {height}"
})
}
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);
rsx!(div {
onmounted: move |event| mounted.onmounted(event),
"Size: {width} x {height}"
})
}
Support
- Web renderer (WASM)
- 0.1.0 - Dioxus v0.4
- 0.2.0 - Dioxus v0.5
- 0.3.0 - Dioxus v0.6
License
MIT