<template>
  <h1>Aurelia Debounce</h1>

  <div ref="areaContainer">
    <h2>Textbox:</h2>

    <div style="border:1px solid blue; padding: 1em; margin: 1em;">
      <input value.bind="myText & debounce:800" placeholder="type here" />
    </div>

    <div style="border:1px solid black; padding: 1em; margin: 1em;">
      output: ${myText}
    </div>

  </div>
</template>