node/node_modules/derby-examples/sink/views/app/bindingsBench.html

<Body:>

  <div>
    <p>
      {#if _mode}
        Mode: <b>{_mode}</b> &nbsp; FPS: <b>{_fps}</b>
      {else}
        Select a mode to run:
      {/}
    </p>
    <p>
      {{#each modes}}<button x-bind="click: start">{{this}}</button>{{/}}
      <button x-bind="click: stop">Stop</button>
    </p>
  </div>

  {#if _bindProperties}
    <div>
      {#each _boxes}
        <div class="box-view">
          <div id="box-{{i}}" class="box" style="top: {.top}px; left: {.left}px; background: rgb(0, 0, {.color});">
            {.content}
          </div>
        </div>
      {/}
    </div>
  {else}
    <div>
      {#each _boxes}
        <div class="box-view">
          <div id="box-{{i}}" class="box" style="top: {{top}}px; left: {{left}}px; background: rgb(0, 0, {{color}});">
            {{content}}
          </div>
        </div>
      {/}
    </div>
  {/}