Documentation! + some little fixes to add consistency between components

src/templates/components/checkboxgroup.tpl

@@ -9,6 +9,7 @@
           value="{{this.value}}"
           name="clay-{{clayId}}"
           data-manipulator-target
+          {{each key: attributes}}{{key}}="{{this}}"{{/each}}
         />
         <i></i>
       </label>

src/templates/components/footer.tpl

@@ -1,5 +1 @@
-<div
-  data-manipulator-target
-  class="item-container-footer"
-  {{each attributes}} {{this.key}}="{{this.value}}" {{/each}}
-></div>
+<footer data-manipulator-target class="component component-footer"></footer>

src/templates/components/heading.tpl

@@ -1,3 +1,3 @@
 <div class="component component-heading">
-  <h{{size}} data-manipulator-target {{each key: attributes}}{{key}}="{{this}}"{{/each}}></h{{size}}>
+  <h{{size}} data-manipulator-target></h{{size}}>
 </div>

src/templates/components/radiogroup.tpl

@@ -9,6 +9,7 @@
           value="{{this.value}}"
           name="clay-{{clayId}}"
           data-manipulator-target
+          {{each key: attributes}}{{key}}="{{this}}"{{/each}}
         />
         <i></i>
       </label>

src/templates/components/select.tpl

@@ -1,7 +1,7 @@
 <label class="component component-select">
   <span class="label">{{{label}}}</span>
   <span class="value"></span>
-  <select data-manipulator-target>
+  <select data-manipulator-target {{each key: attributes}}{{key}}="{{this}}"{{/each}}>
     {{each options}}
       <option value="{{this.value}}" class="item-select-option">{{this.label}}</option>
     {{/each}}

src/templates/components/submit.tpl

@@ -3,7 +3,5 @@
     data-manipulator-target
     type="submit"
     {{each key: attributes}}{{key}}="{{this}}"{{/each}}
-  >
-    {{{label}}}
-  </button>
+  ></button>
 </div>

src/templates/components/text.tpl

@@ -1,3 +1,3 @@
 <div class="component component-text">
-  <p data-manipulator-target {{each key: attributes}}{{key}}="{{this}}"{{/each}}></p>
+  <p data-manipulator-target></p>
 </div>