Experiments with Ember Ratchet components

ember-ratchet-components.txt

// From http://goratchet.com/components/


<script type="text/x-handlebars" id="components/ra-title">
  <h1 class="title">{{yield}}</h1>
</script>

<script type="text/x-handlebars" id="components/ra-btn">
  <button class="btn pull-{{pos}}">
    {{yield}}
  </button>
</script>

<script type="text/x-handlebars" id="components/ra-hnav">
<header class="bar bar-nav">
  {{yield}}
</header>  
</script>

{{ra-hnav}}
    {{ra-btn pos=left}}
        Left
    {{/ra-btn}}
    {{ra-btn pos=left}}
        Right
    {{/ra-btn}}
    {{ra-title}}
        Title
    {{/ra-btn}}    
{{/ra-hnav}}

And so on...