Thanood

<template>
  <require from="materialize/dist/css/materialize.css"></require>
  <require from="./my-form"></require>
  
  <my-form></my-form>
</template>

Thanood

<template>
  <require from="materialize/dist/css/materialize.css"></require>
  <h5>when md-slider is set to "true" nothing happen and in console log you can find errors. When md-slider i set to "false" everthing is ok. </h5>
  <md-carousel md-indicators="false" md-slider="true" class="center" style="height: 600px;">

          <md-carousel-item class="red white-text" style="background-color: #f99cb1;width: 80%">



                <h2>SOME BOOKS <br/>

Thanood

<template>
  <require from="materialize/dist/css/materialize.css"></require>
  <md-colors md-primary-color.bind="primaryColor" md-accent-color.bind="accentColor"></md-colors>
   <div>
      <md-pagination md-pages="6" md-active-page.bind="activePage"></md-pagination>
  </div>
  <div>
    active page: ${activePage}
  </div>
  <button md-button md-waves="color: light;" click.delegate="setToFive()">set to 5</button>

Thanood

<template>
  <require from="materialize/dist/css/materialize.css"></require>
   <div>
      <md-input md-type="time" md-label="start time" md-value.bind="startTime"></md-input>
  </div>
</template>

Thanood

<template>
  <require from="materialize/dist/css/materialize.css"></require>
  <require from="./my-form"></require>
  
  <my-form></my-form>
</template>

Thanood

<template>
  <style>
    md-input.inline .input-field {
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px;
    }
  </style>
  <require from="materialize/dist/css/materialize.css"></require>
   <div>

Thanood

<template>
  <require from="./fake-id"></require>
  <h1>${message}</h1>
  <div repeat.for="c of 20">
    <span fake-id="ref.bind: referenced">${c}</span>
    <span ref="referenced">${c}</span>
  </div>
</template>

Thanood

<template>
  <require from="./autocomplete"></require>
  <form>
    <label class="form-component">
      Country:<br/>
      <autocomplete service.bind="suggestionService.country" 
                    value.bind="model.country"
                    placeholder="Enter country..."
                    change.delegate="model.city = null">
      </autocomplete>

Thanood

<template>
  <require from="materialize/dist/css/materialize.css"></require>
  <button md-button md-waves disabled.bind="isDisabled">set to 5</button>
  <button md-button md-waves click.delegate="toggleDisabled()">disable</button>
</template>

Thanood

<template>
   <style>
    div.button-row {
      padding: 5px 0;
    }
  </style>
  <div>
    <div class="button-row">
      <button md-button="disabled.bind: !firstButtonEnabled; flat.bind: !firstButtonRaised"><i class="left material-icons">mode_edit</i>I'm a basic button</button>
      <button md-button="flat: true;">I'm a flat button</button>