xtal-match-media v0.0.8

\<xtal-match-media>

Web component that watches for media matches and fires events when they happen.

This is similar to Polymer's iron-media-query. xtal-match-media can partake in Polymer's binding.

Other alternatives are also available (the more the merrier):

lit-media-query

Sample Syntax

<xtal-match-media media-query-string="(max-width: 800px)"></xtal-match-media>

xtal-match-media also provides network connection and device memory information.

Viewing Your Element

$ npm install
$ npm run start