mqfunctions

mqfunctions

JavaScript library to manage matchMedia handlers.

Install

npm install mqfunctions

Use

import { createMqFunctions } from 'mqfunctions'

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

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

// Run handler arbitrarily
mqf.run('function-01')

// Remove handler
mqf.remove('function-01')

License

MIT License.

Changelog

v0.2.1

• Update build tools version.
  • Update typescript to v5.2.2 from v4.8.3.
  • Update rollup to v3.29.3 from v2.79.1.