Skip to content

Latest commit

 

History

History
45 lines (38 loc) · 608 Bytes

README.md

File metadata and controls

45 lines (38 loc) · 608 Bytes

qsql

DOM manipulation using document queries. Uses DOMQL API.

Installation

yarn add classql

Examples

Initialization:

import DOM from 'qsql'

DOM.query({
  logo: { query: '.logo' }
})

Attributes:

DOM.query({
  modal: {
    query: '.modal',
    style: { display: 'none' }
  }
})

Events and update:

DOM.query({
  CTA: {
    query: '.button',
    on: {
      click: (event, element, node) => {
        DOM.find('modal').update({
          style: { display: 'block' }
        })
      }
    }
  }
})