@marko-tags/subscribe

Media queries directly in your Marko templates.

Stats

StarsIssuesVersionUpdatedCreatedSize
@marko-tags/subscribe
15110.4.37 months ago3 years agoMinified + gzip package size for @marko-tags/subscribe in KB

Readme


@marko-tags/subscribe
API Stability NPM Version Downloads

Add and remove event subscriptions within your template.

Installation

npm install @marko-tags/subscribe

Example

class {
    onCreate() {
        this.state = {
            listening: false
        }
    }

    toggle() {
        this.state.listening = !this.state.listening;
    }

    handleMove(e) {
      ...
    }
}

<button on-click('toggle')>
  <if(state.listening)>
    <!-- Only logs mouse moves if we are in the listening state -->
    <subscribe to=window on-mousemove('handleMove')/>
    Stop Listening
  </if>
  <else>
    Listen
  </else>
</button>

API

<subscribe
  to=EventEmitter|EventTarget
  on-*(string, ...args)
  once-*(string, ...args)/>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.