Vallabharayudu

<template>
  <require from="styles.css"></require>
  <h1>${message}</h1>
  
  <div class="container">
		<ul>
		  <li repeat.for="item of list" class="${item.isActive?'red':''}" click.delegate="clickItem(item)">${item.name}</li>
		</ul>
	
	</div>

Vallabharayudu

<template>
  <require from="./location-map"></require>
  <div><h2>Play with variables from parent to child and vice versa</h2></div>
  <location-map></location-map>
</template>

Vallabharayudu

<template>
  <require from="styles.css"></require>
  
  
  <div>
    <div class="left">
      <div>
        <button class="btn btn-primary blueButton">New York Bridge</button>
      </div>
      <div>

Vallabharayudu

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

Vallabharayudu

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

Vallabharayudu

<template>
  <require from="tree-view"></require>
<tree-view></tree-view>
</template>

Vallabharayudu

<template>
  <require from="tree-view"></require>
<tree-view></tree-view>
</template>

Vallabharayudu

<template>
  <require from="./registration-form"></require>
  <require from="./data-form"></require>
  
  <registration-form></registration-form>
  <data-form></data-form>
</template>

Vallabharayudu

<template>
  <require from="./registration-form"></require>
  <require from="./data-form"></require>
  
  <registration-form></registration-form>
  <data-form></data-form>
</template>

Vallabharayudu

<template>
  <require from="styles.css"></require>
   
     
     <div class="radioBtnSection" repeat.for = "option of options">
		
			<input type = "radio" name = "myOptions" 
            model.bind = "option"  class="css-radio" id="radio${$index}" checked.bind = "$parent.selectedOption"/>
			<label for="radio${$index}" class="css-label-Radio">${option.text}</label>
		</div>