85 releases
new 0.7.3 | Jan 4, 2025 |
---|---|
0.7.2 | Dec 21, 2024 |
0.7.0 | Nov 30, 2024 |
0.7.0-preview2 |
|
0.0.3 | Nov 27, 2022 |
#1803 in Web programming
36,273 downloads per month
Used in 40 crates
(32 directly)
215KB
4K
SLoC
Leptos Meta
Leptos Meta allows you to modify content in a document’s <head>
from within components
using the Leptos
web framework.
Document metadata is updated automatically when running in the browser. For server-side
rendering, after the component tree is rendered to HTML, ServerMetaContextOutput::inject_meta_context
will inject meta tags into a stream of HTML inside the <head>
.
use leptos::prelude::*;
use leptos_meta::*;
#[component]
fn MyApp() -> impl IntoView {
// Provides a [`MetaContext`], if there is not already one provided.
provide_meta_context();
let (name, set_name) = create_signal("Alice".to_string());
view! {
<Title
// reactively sets document.title when `name` changes
text=move || name.get()
// applies the `formatter` function to the `text` value
formatter=|text| format!("“{text}” is your name")
/>
<main>
<input
prop:value=move || name.get()
on:input=move |ev| set_name.set(event_target_value(&ev))
/>
</main>
}
}
Feature Flags
ssr
Server-side rendering: Generate an HTML string (typically on the server)tracing
Adds integration with thetracing
crate.
Important Note: If you’re using server-side rendering, you should enable ssr
.
Dependencies
~21–34MB
~517K SLoC