fabioluz

<template>
  <!-- The following require is required as a workaround for last version of materializecss.   -->
  <require from="materialize/dist/css/materialize.css"></require>
  <div>
    <p>
      <md-checkbox md-checked.bind="checked">A default checkbox</md-checkbox> with value: ${checked | stringify}
    </p>
    <p>
      <md-checkbox md-checked="false" md-disabled="true">A disabled checkbox</md-checkbox>
    </p>

fabioluz

<template>
  <require from='./element'></require>
  <element model.bind='model'></element>
</template>

fabioluz

<template>
  <require from="./dynamic-element"></require>
  
  <div>
    Text Box
    <text-box value.bind="text"></text-box>
  </div>
  <div>
    Date Picker
    <date-picker value.bind="date"></date-picker>

fabioluz

<template>
  <div id="container">
    <div repeat.for="item of items">
      <compose view-model.bind="item.viewModel" view.bind="item.view"></compose>
    </div>
  </div>
  <div style='margin-top: 20px'>
    <div repeat.for="log of logs">
      ${log}
    </div>

fabioluz

<template>
  <require from="./svg-component"></require>

  <div>
    <svg-component svg="leaf"></svg-component>
  </div>
</template>

fabioluz

<template>
  ${message}
</template>

fabioluz

<template>
  <router-view layout-view="default.html"></router-view>
</template>

fabioluz

<template>
  <compose view="./my-element.html" view-model="./my-element"></compose>
  
  <br>
  <br>
  
  <!--<require from="./my-element"></require>-->
  
  <!--<my-element></my-element>-->
</template>

fabioluz

<template>
  ${message}
</template>

fabioluz

<template>
  <form>
    <label>view: <textarea value.bind="viewHtml" rows="8" cols="80"></textarea></label>
    <label>view-model: <textarea value.bind="viewModelJs" rows="8" cols="80"></textarea></label>
    <button type="submit" click.delegate="submit()">Submit</button>
    <button type="button" click.delegate="remove()">Remove</button>
  </form>
  <!--<div ref="container"></div>-->
</template>