Function use_media_query

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

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

• crate::use_preferred_dark
• crate::use_preferred_contrast
• crate::use_prefers_reduced_motion