lstarky

<template>
  <require from="styles.css"></require>
  <require from="tree-view"></require>
<tree-view></tree-view>
</template>

lstarky

<template>

  <h1>Hello, ${fname}!</h1>
  <ul>
    <li><a href="#page1">Page 1</a></li>
    <li><a href="#page2">Page 2</a></li>
  </ul>
  
  <router-view></router-view>

lstarky

<template>
  <div class="container-fluid">
    <h1>Hello, ${fname}!</h1>
  </div>
</template>

lstarky

<template>
  <h1>Hello, ${fname}!</h1>
</template>

lstarky

<template>

  <require from="./modal-form"></require>
  <h1>Aurelia Custom Element with Modal Form</h1>
  <button class="btn btn-success btn-large" click.delegate="openModal()">New Item</button>
  <button class="btn btn-primary btn-large" click.delegate="openModal(1)">Edit Item</button>
  <div class="form-group">
    <label for="my-input">#my-input</label>
    <input type="text" class="form-control" id="my-input">
  </div>