Add labels object to toolkit

Author: JoelCDL

index.hbs

@@ -34,6 +34,7 @@
         <li><a href="src/objects/figure-view.hbs">Figures &amp; Captions</a></li>
         <li><a href="src/objects/heading-view.hbs">Headings</a></li>
         <li><a href="src/objects/input-view.hbs">Inputs</a></li>
+        <li><a href="src/objects/label-view.hbs">Labels</a></li>
         <li><a href="src/objects/link-view.hbs">Links</a></li>
       </ul>
     </nav>

src/generated-content/label.js

@@ -1,12 +1,13 @@
 module.exports = {
   label: {
-    exists: true,
-    for: '',
-    text: 'Label 1 (Hidden Offscreen)'
+    for: 'some-input-id',
+    text: 'Default Label'
   },
-  label: {
-    exists: true,
-    for: '',
-    text: 'Label 2'
+  label_sample2: {
+    label: {
+      class: 'o-label1',
+      for: 'some-input-id',
+      text: 'Label Hidden Offscreen'
+    }
   }
 }

src/objects/label-view.hbs

@@ -0,0 +1,4 @@
+{{#extend "base"}}{{#content "body"}}
+  {{> label }}
+  {{> label label_sample2 }}
+{{/content}}{{/extend}}

src/objects/label.hbs

@@ -1 +1 @@
-{{#if label.exists}}<label class="o-label1" for="{{ label.for }}">{{ label.text }}</label>{{/if}}
+<label {{#if label.class }}class="{{ label.class }}"{{/if}} for="{{ label.for }}">{{ label.text }}</label>