Function dioxus_resize_observer::use_size

pub fn use_size<T>(cx: Scope<'_, T>, mounted: UseMounted) -> Rect

Hook to get an element’s size, updating on changes.

Examples

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

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

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