pub fn NetworkImage(_: NetworkImageProps) -> Element
Expand description
Image component that automatically fetches and caches remote (HTTP) images.
§Example
fn app() -> Element {
rsx!(
NetworkImage {
width: "100%",
height: "100%",
url: "https://raw.githubusercontent.com/marc2332/freya/refs/heads/main/examples/rust_logo.png".parse::<Url>().unwrap()
}
)
}
§Preview
![NetworkImage Preview](data:image/png;base64,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)