90 releases

new 0.8.0-alpha Mar 13, 2025
0.7.5 Jan 31, 2025
0.7.2 Dec 21, 2024
0.7.0 Nov 30, 2024
0.0.3 Nov 27, 2022

#1894 in Web programming

Download history 7221/week @ 2024-11-21 9371/week @ 2024-11-28 10562/week @ 2024-12-05 12936/week @ 2024-12-12 7240/week @ 2024-12-19 5358/week @ 2024-12-26 8939/week @ 2025-01-02 12528/week @ 2025-01-09 11861/week @ 2025-01-16 9571/week @ 2025-01-23 12105/week @ 2025-01-30 13031/week @ 2025-02-06 12330/week @ 2025-02-13 12020/week @ 2025-02-20 16918/week @ 2025-02-27 13913/week @ 2025-03-06

57,663 downloads per month
Used in 49 crates (34 directly)

MIT license

220KB
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 the tracing crate.

Important Note: If you’re using server-side rendering, you should enable ssr.

Dependencies

~21–33MB
~520K SLoC