https://github.com/bahrus/xtal-match-media

Custom Element that watches for media matches
https://github.com/bahrus/xtal-match-media

Last synced: 4 months ago
JSON representation

Custom Element that watches for media matches

• Host: GitHub
• URL: https://github.com/bahrus/xtal-match-media
• Owner: bahrus
• License: mit
• Created: 2018-06-05T08:55:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-04-25T05:54:44.000Z (about 2 years ago)
• Last Synced: 2025-02-02T14:17:21.686Z (5 months ago)
• Language: TypeScript
• Size: 223 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/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](https://www.webcomponents.org/element/@polymer/iron-media-query).  xtal-match-media can partake in Polymer's binding.

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

> [lit-media-query](https://www.webcomponents.org/element/lit-media-query)

## Sample Syntax

```html

```

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

## Viewing Your Element

```

$ npm install

$ npm run start

```