| 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!"}
- }
- })
- }
|
