dioxus/examples/custom_html.rs

//! 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::LaunchBuilder::new()
        .with_cfg(
            dioxus::desktop::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: olive; }</style>
  </head>
  <body>
    <h1>External HTML</h1>
    <div id="main"></div>
  </body>
</html>
        "#
                .into(),
            ),
        )
        .launch(app);
}

fn app() -> Element {
    rsx! {
        h1 { "Custom HTML!" }
    }
}
feat: allow customizing the index and head 2022-04-16 20:53:47 +00:00			`//! 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() {`
Simplify the launch builder (#2967) * improve documentation for the fullstack server context * Add a section about axum integration to the crate root docs * make serve_dioxus_application accept the cfg builder directly * remove unused server_fn module * improve fullstack config docs * improve documentation for the server function macro * fix axum router extension link * Fix doc tests * Fix launch builder * Simplify the launch builder * don't re-export launch in the prelude * refactor fullstack launch * Fix fullstack launch builder * Update static generation with the new builder api * fix some formatting/overly broad launch replacements * fix custom menu example * fix fullstack/static generation examples * Fix static generation launch * A few small formatting fixes * Fix a few doc tests * implement LaunchConfig for serve configs * fix fullstack launch with separate web and server launch methods * fix check with all features * dont expose inner core module * clippy and check * fix readme --------- Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com> 2024-10-10 23:00:58 +00:00			`dioxus::LaunchBuilder::new()`
Fix compile checks on numerous packages using --all --all-features 2024-01-19 00:27:43 +00:00			`.with_cfg(`
Update examples, add css 2024-02-14 20:33:07 +00:00			`dioxus::desktop::Config::new().with_custom_index(`
Trim off 150 deps for examples 2024-01-18 20:32:01 +00:00			`r#"`
feat: allow customizing the index and head 2022-04-16 20:53:47 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>Dioxus app</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
Update examples, add css 2024-02-14 20:33:07 +00:00			`<style>body { background-color: olive; }</style>`
feat: allow customizing the index and head 2022-04-16 20:53:47 +00:00			`</head>`
			`<body>`
Update examples, add css 2024-02-14 20:33:07 +00:00			`<h1>External HTML</h1>`
feat: allow customizing the index and head 2022-04-16 20:53:47 +00:00			`<div id="main"></div>`
			`</body>`
			`</html>`
			`"#`
Trim off 150 deps for examples 2024-01-18 20:32:01 +00:00			`.into(),`
			`),`
			`)`
			`.launch(app);`
feat: allow customizing the index and head 2022-04-16 20:53:47 +00:00			`}`

Fix the router and stub out a number of crates to get compiling 2024-01-14 04:51:37 +00:00			`fn app() -> Element {`
depreciate the render macro 2024-01-16 19:18:46 +00:00			`rsx! {`
Update examples, add css 2024-02-14 20:33:07 +00:00			`h1 { "Custom HTML!" }`
remove cx.render 2024-01-14 05:12:21 +00:00			`}`
feat: allow customizing the index and head 2022-04-16 20:53:47 +00:00			`}`