$ npm i @hisho/media
new Media()
query - string
import { Media } from "@hisho/media";
const media = new Media(`(min-width: ${800 / 16}em)`, {
mach: () => console.log('mach!'),
unmatch: () => console.log('un mach!'),
});
new Media((min-width: ${800 / 16}em)
, options);
- options?
object
type MediaOptions = {
mach?: () => void,
unMatch?: () => void,
}
- type:
'mach' | 'unmach'
- callback:
() => void
const media = new Media(`(min-width: ${800 / 16}em)`);
media.on('mach', () => {
//register callback funciton when media mach
});
media.on('unmach', () => {
//register callback funciton when media un mach
});
return boolean
const media = new Media(`(min-width: ${800 / 16}em)`);
media.isMatch() // true or false
register eventListener
const media = new Media(`(min-width: ${800 / 16}em)`);
media.register();
un register eventListener
const media = new Media(`(min-width: ${800 / 16}em)`);
media.unregister();