use_preferred_contrast

Reactive prefers-contrast media query.

Usage

use leptos::prelude::*;
use leptos_use::use_preferred_contrast;

#[component]
fn Demo() -> impl IntoView {

let preferred_contrast = use_preferred_contrast();

   view! { }
}

Server-Side Rendering

Make sure you follow the instructions in Server-Side Rendering.

On the server this returns a Signal that always contains the value PreferredContrast::NoPreference.

See also

• fn@crate::use_media_query
• fn@crate::use_preferred_dark
• fn@crate::use_prefers_reduced_motion

Feature

This function is only available if the crate feature use_preferred_contrast is enabled

Types

• enum PreferredContrast

Source

Source • Docs