ReadonlyBehaviorSubject
that tracks status of a media query. Emits true
or false
values.
Does not emit same value in sequence.
import { matchMedia$ } from 'rx-use/lib/matchMedia$';
matchMedia$('only screen and (max-width: 600px)').subscribe(() => {});
matchMedia$('prefers-reduced-motion').subscribe(() => {});
matchMedia$('(prefers-color-scheme: dark)').subscribe(() => {});