JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="//angularlight.org/bin/alight_0.12.last.min.js"></script>
<div al-app @mousemove.debounce-200="x=$event.x; y=$event.y">
  {{x}}x{{y}} <hr/>
  <input type="text"
    @input.throttle-500="t=$value"
    @input.debounce-500="d=$value" />
  <br/>
  throttle = {{t}} <br/>
  debounce = {{d}} <br/>
</div>

CSS

[al-app] {
  height: 200px;
  border: 1px solid blue;
  padding: 10px;
}