Function leptos_use::use_media_query

source ·
pub fn use_media_query(query: impl Into<MaybeSignal<String>>) -> Signal<bool>
Expand description

Reactive Media Query.

§Demo

Link to Demo

§Usage

let is_large_screen = use_media_query("(min-width: 1024px)");

let is_dark_preferred = use_media_query("(prefers-color-scheme: dark)");

§Server-Side Rendering

On the server this functions returns a Signal that is always false.

§See also

  • [use_preferred_dark]
  • [use_preferred_contrast]