mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-11-26 06:00:21 +00:00
176e67e5b7
* switch to a Document trait and introduce Script/Head/Style/Meta components * Fix desktop title * Insert special elements into the head during the inital SSR render * Make all head component attributes optional * hydrate head elements * improve the server streaming head warning * Document fullstack head hydration approach * deduplicate head elements by href * move Link into head::Link * document head components * add meta and title examples * Fix a few doc examples * fix formatting * Add title to playwright tests * serde is optional on web, but it is enabled by hydrate * remove leftover console log
36 lines
1,010 B
Rust
36 lines
1,010 B
Rust
//! This example shows how to add metadata to the page with the Meta component
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
tracing_subscriber::fmt::init();
|
|
launch(app);
|
|
}
|
|
|
|
fn app() -> Element {
|
|
rsx! {
|
|
// You can use the Meta component to render a meta tag into the head of the page
|
|
// Meta tags are useful to provide information about the page to search engines and social media sites
|
|
// This example sets up meta tags for the open graph protocol for social media previews
|
|
Meta {
|
|
property: "og:title",
|
|
content: "My Site",
|
|
}
|
|
Meta {
|
|
property: "og:type",
|
|
content: "website",
|
|
}
|
|
Meta {
|
|
property: "og:url",
|
|
content: "https://www.example.com",
|
|
}
|
|
Meta {
|
|
property: "og:image",
|
|
content: "https://example.com/image.jpg",
|
|
}
|
|
Meta {
|
|
name: "description",
|
|
content: "My Site is a site",
|
|
}
|
|
}
|
|
}
|