istrau2

<template>
  <!-- Simple usage: -->
  <h1>message: ${message1}</h1>

  <!-- With a placeholder: -->
  <h1>message: ${message1 || '...'}</h1>

  <!-- With an unresolved return: -->
  <h1>message: ${message2}</h1>
</template>

istrau2

<template>
  <require from="./toggle-badge"></require>
  <toggle-badge text="North Carolina" checked.bind="inboundLanes"></toggle-badge>
  <toggle-badge text="South Carolina" checked.bind="inboundLanes"></toggle-badge>
  <div>Selected Lanes:</div>
  <div repeat.for="lane of inboundLanes">${lane}</div>

<hr/>

  <label><input type="checkbox" model.bind="'North Carolina'" checked.bind="outboundLanes">North Carolina</label>

istrau2

<template>
  <require from="./toggle-badge"></require>
  <toggle-badge text="North Carolina" checked.bind="inboundLanes"></toggle-badge>
  <toggle-badge text="South Carolina" checked.bind="inboundLanes"></toggle-badge>
  <div>Selected Lanes:</div>
  <div repeat.for="lane of inboundLanes">${lane}</div>

<hr/>

  <label><input type="checkbox" model.bind="'North Carolina'" checked.bind="outboundLanes">North Carolina</label>