Kefir.matchesMedia
Wraps the browser matchMedia
API in a Kefir property stream. The resulting property is the boolean value equal to the media query match.
Installation
yarn add @standard-library/kefir-matches-media
Usage
import matchesMedia from "@standard-library/kefir-matches-media";
const isNarrow = matchesMedia(window, "(max-width: 500px)");
# <value> true
# ... resize browser to be narrow
# <value> false