dioxus-helmet

General

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.

cargo add dioxus-helmet

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.

They will be removed together with the containing component. Duplicates won't get appended multiple times.

License

This project is licensed under the MIT license.

Contribution