SaucyJack

<template>
  <require from="aurelia-kendoui-bridge/editor/editor"></require>
  
  <div id="example">
      <textarea ak-rich-editor value.bind="bodyContent" style="height:440px">
      </textarea>
  </div>
</template>

SaucyJack

<template>
  <require from="aurelia-kendoui-bridge/editor/editor"></require>
  
  <div id="example">
      <textarea ak-rich-editor value.bind="bodyContent" style="height:440px">
      </textarea>
  </div>
</template>

SaucyJack

<template>
  <router-view></router-view>
</template>

SaucyJack

<template>
  <router-view></router-view>
</template>

SaucyJack

<template>
  <router-view></router-view>
</template>

SaucyJack

<template>
  <h4>Bootstrap Radio Button Groups and Aurelia</h4>
  <div class="container">
    <div class="row">
      <div class="btn-group" data-toggle="buttons">
        <h5>Fancy Bootstrapped Radio Buttons</h5>
        <label repeat.for="option of options"
          class="btn btn-sm btn-default ${option.value === selectedOption.value ? 'active' : ''}">
          <input type="radio" 
            name="bootstrapOptions" 

SaucyJack

<template>
  <nav>
    <ul>
      <li repeat.for="x of router.navigation">
        <a href.bind="x.href">${x.title}</a>
      </li>
    </ul>
  </nav>
  <router-view></router-view>
</template>

SaucyJack

<template>
  <nav>
    <ul>
      <li repeat.for="x of router.navigation">
        <a href.bind="x.href">${x.title}</a>
      </li>
    </ul>
  </nav>
  <router-view></router-view>
</template>

SaucyJack

<template>
  <require from="pie-chart"></require>
  <h3>App.js</h3>
  <pie-chart some-arg="someValue"></pie-chart>
</template>

SaucyJack

<template>
  <h3>App.js</h3>
  <div style="border: 1px inset; padding: 5px;">
    <compose view-model="./generic-group-by" model.two-way="model"></compose>
  </div>
  <br />
  <div>
    <h4>This is all in the parent</h4>
    Selected Value: ${model.selectedValue} <br />
  </div>