2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-12-18 16:43:21 +00:00
dioxus/examples/custom_html.rs

41 lines
900 B
Rust
Raw Normal View History

//! This example shows how to use a custom index.html and custom <HEAD> extensions
//! to add things like stylesheets, scripts, and third-party JS libraries.
use dioxus::prelude::*;
use dioxus_desktop::Config;
fn main() {
dioxus_desktop::launch_cfg(
app,
Config::new().with_custom_head("<style>body { background-color: red; }</style>".into()),
);
dioxus_desktop::launch_cfg(
app,
Config::new().with_custom_index(
r#"
<!DOCTYPE html>
<html>
<head>
<title>Dioxus app</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>body { background-color: blue; }</style>
</head>
<body>
<div id="main"></div>
</body>
</html>
"#
.into(),
),
);
}
fn app(cx: Scope) -> Element {
cx.render(rsx! {
div {
h1 {"hello world!"}
}
})
}