dioxus-helmet 0.1.1

Small Dioxus component which allows you to place elements in the head of your document
Documentation

dioxus-helmet

Inspired by react-helmet, this small Dioxus component allows you to place elements in the head of your code.

Configuration

Add the package as a dependency to your Cargo.toml.

Web:

dioxus-helmet = "0.1.1"

Desktop: (doesn't work yet)

dioxus-helmet = { version = "0.1.1", default-features = false, features = ["desktop"] }

Usage

Import it in your code:

use dioxus_helmet::Helmet;

Then just use it anywhere in your components like this:

    cx.render(rsx! {
        div {
            Helmet {
                link { rel: "stylesheet", href: "/style.css" }
                title { "Helmet" }
                style {
                    [r#"
                        body {
                            color: blue;
                        }
                        a {
                            color: red;
                        }
                    "#]
                }
            },
            p { "Hello, world!" }
        }
    })

Any children passed to the helmet component will be placed in the <head></head> of your document.

License

This project is licensed under the MIT license.

Contribution

Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in dioxus-helmet by you, shall be licensed as MIT, without any additional terms or conditions.