@standard-library/kefir-matches-media

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