lebolo

<template>
  <h1>${message}</h1>
</template>

lebolo

<template>
  <h1>${message}</h1>
</template>

lebolo

<template>
  <h1>${message}</h1>
</template>

lebolo

<template>
  <select class="form-control" value.bind="test">
     <option model.bind="'_initial_value'" disabled>-- select --</option>
     <option model.bind="false">Show</option>
     <option model.bind="true">Don't Show</option>
</select>
<div show.bind="test === false" class="col-xs-12 col-md-6 ui input">
      <label>test</label>
</div>
</template>

lebolo

<template>
  <div repeat.for="i of 5">
    <span>${$index}</span>
    <textarea rows="5" cols="100" element.ref="generatedSql[$index]"></input>
  </div>
</template>

lebolo

<template>
  <require from="./dropdown"></require>
  <h1>${message}</h1>
  <dropdown>
    <p class="dropdown-item" repeat.for="item of items">${item}</p>
  </dropdown>
  <a click.delegate="changeItems()" href="#">Change items</a>
  <a click.delegate="mutateItems()" href="#">Mutate items</a>
</template>

lebolo

<template>
  <require from="./my-element"></require>
  <name-tag>
    Ralphie
  </name-tag>
</template>

lebolo

<template>
  <require from="./my-element"></require>
  <named-slot>
  <div slot="slot1">
    This Goes in Slot 1
  </div>

  <div slot="slot2">
    This Goes in Slot 2
  </div>

lebolo

<template>
  <require from="./my-element"></require>
  <my-element>
    <div slot="foo">Hi</div>
    
    <thead slot="head">
      <tr>
        <th>Foo</th>
        <th>Bar</th>
      </tr>

lebolo

<template>
  <h1>${message}</h1>
</template>