gist-master

<template>
  <require from="aurelia-kendoui-bridge/autocomplete/autocomplete"></require>
  <require from="aurelia-kendoui-bridge/common/template"></require>
  <div id="example">
    <div class="demo-section k-content">
      <p><strong>People:</strong></p>
      <ak-autocomplete k-data-source.bind="items">
        <input style="width: 100%;">
      </ak-autocomplete>
      <p class="demo-hint" style="word-break: break-all">Type a name, available values in the list are: ${ items } </p>

gist-master

<template>
  <require from="./content-template.css!css"></require>
  <require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>

  <div id="example">
    <div class="demo-section k-content wide">
      <ul id="products"
          class="dairy-photos"
          ak-tooltip="k-filter: a; k-content.call: getTemplate($event); k-width.bind: 400; k-height.bind: 200; k-position: top">
        <li>

gist-master

<template>
    <require from="aurelia-kendoui-bridge/chart/chart"></require>
    <div class="demo-section k-content wide">
    <h4>Website optimization stats</h4>
        <div id="before"></div>
        <div id="after"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <ak-chart  k-title.bind="{text: 'Before optimization'}"
                          style="height: 256px"

gist-master

<template>
  <require from="./logger.js"></require>
  <require from="aurelia-kendoui-bridge/datepicker/datepicker"></require>

  <div id="example">
    <div class="demo-section k-content">
      <h4>Select date</h4>
      <input id="datepicker" ak-datepicker="k-widget.two-way: datepicker"
                             k-on-open.delegate="onOpen()"
                             k-on-close.delegate="onClose()"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Stock Prices'}"
            k-data-source.bind="stocksDataSource"
            k-series.bind="series"
            k-legend.bind="{position: 'bottom'}"
            k-y-axis.bind="yAxis"
            k-x-axis.bind="{labels: {format: 'MMM'}}">
  </ak-chart>
</template>

gist-master

<template>
  <require from="aurelia-kendoui-bridge/buttongroup/buttongroup"></require>
  <require from="./logger.js"></require>
  <div id="example" data-use-native-scrolling="true">

    <div class="demo-section k-content">
      <ul ak-buttongroup="k-index.bind: 0"
          k-on-select.delegate="onSelect($event.detail)"
          style="margin: 0 auto;">
          <li>

gist-master

<template>
  <require from="aurelia-kendoui-bridge/combobox/combobox"></require>
  <require from="aurelia-kendoui-bridge/button/button"></require>
  
  <div id="example">
    <div class="demo-section k-content">
      <h4>Categories:</h4>
      <ak-combobox k-option-label="Select category..."
              k-data-text-field="CategoryName"
              k-data-value-field="CategoryID"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/stock"></require>
  <require from="./pdf-export.css"></require>

  <div class="box wide">
      <h4>Export Stock Chart</h4>
      <div class="box-col">
          <button class='export-pdf ak-button' click.delegate="exportPDF()">Save as PDF</button>
      </div>
  </div>

gist-master

<template>
  <require from="aurelia-kendoui-bridge/combobox/combobox"></require>
  <require from="./logger.js"></require>

  <div id="example">
    <div class="demo-section k-content">
      <h4>dropdownlist</h4>
      <ak-combobox k-data-text-field="text"
                  k-data-value-field="value"
                  k-data-source.bind="data"

gist-master

<template>
    <require from="aurelia-kendoui-bridge/button/button"></require>
    <require from="./images.css"></require>

    <div id="example">
      <div class="demo-section k-content">
          <button ak-button="k-sprite-css-class: k-icon netherlandsFlag">Sprite icon</button>
          <button ak-button="k-icon: funnel">Kendo UI sprite icon</button>
          <button ak-button="k-image-url: http://demos.telerik.com/kendo-ui/content/shared/icons/sports/snowboarding.png">Image icon</button>
      </div>