lenn
/
dioxus-mirror
mirror of https://github.com/DioxusLabs/dioxus.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637
							//! 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::*;

fn main() {
    dioxus::desktop::launch_cfg(app, |c| {
        c.with_custom_head("<style>body { background-color: red; }</style>".into())
    });

    dioxus::desktop::launch_cfg(app, |c| {
        c.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!"}
        }
    })
}