usePreferredReducedTransparency

v0.0.15testeddemo

Reactive `prefers-reduced-transparency` media query, resolving to `'reduce'` or `'no-preference'`. SSR-safe (defaults to `'no-preference'`).

Example

const transparency = usePreferredReducedTransparency();
// transparency.value === 'reduce' | 'no-preference'

Loading demo…

export function usePreferredReducedTransparency(
  options: ConfigurableWindow ={ ... }

Parameter	Type	Default	Description
`options`?	`ConfigurableWindow`	`{}`	Options (custom `window`)

ComputedRef<ReducedTransparencyType>Readonly ref of the user's transparency preference