viewport-mq

0.1.3 • Public • Published

Viewport

Lightweight helper for observing browser's viewport using predefined breakpoints and media queries.

npm Package Build Status

Examples

Initialize
let View = require('viewport-mq');
let view = new View({ 
  xs: 0, // means 'xs' view goes from 0 to 767px
  sm: 768, // 'sm' is from 768px to 989px etc.
  md: 990, 
  lg: 1200 
})
Attach events and check viewport size
let changeHandler = () => view.lt('sm') ? alert('Mobile') : alert('Desktop');
let eventIndex = view.onChange(changeHandler);
 
// detach by index
view.offChange(eventIndex);
// or handler
view.offChange(changeHandler);

Package Sidebar

Install

npm i viewport-mq

Weekly Downloads

1

Version

0.1.3

License

none

Unpacked Size

164 kB

Total Files

7

Last publish

Collaborators

  • rommeo85