mqfunctions

mqfunctions

JavaScript library to manage matchMedia handlers.

Install

npm install mqfunctions

Use

import {
  createMqFunctions,
  addMqFunction,
  runMqFunction,
  removeMqFunction,
} from 'mqfunctions'

const mqf = createMqFunctions('(min-width: 768px)')

// Add matchMedia handler
addMqFunction(mqf, 'function-01', (event) => {
  if (event.matches) {
    console.log('Resized window to PC size!')
  } else {
    console.log('Resized window to SP size!')
  }
})

// Run handler arbitrarily
runMqFunction(mqf, 'function-01')

// Remove handler
removeMqFunction(mqf, 'function-01')

License

MIT License.