docs: adds labels to unit examples

Author: Sasha Milenkovic

.examples/unit/unit-display.vue

@@ -10,9 +10,27 @@ const initialValues = {
 <template>
   <FormKit type="form" :actions="false" :value="initialValues">
     <!-- %partial%::html:: -->
-    <FormKit type="unit" unit="kilogram" name="narrow" unit-display="narrow" />
-    <FormKit type="unit" unit="kilogram" name="short" unit-display="short" />
-    <FormKit type="unit" unit="kilogram" name="long" unit-display="long" />
+    <FormKit
+      type="unit"
+      unit="kilogram"
+      name="narrow"
+      unit-display="narrow"
+      label="Narrow"
+    />
+    <FormKit
+      type="unit"
+      unit="kilogram"
+      name="short"
+      unit-display="short"
+      label="Short"
+    />
+    <FormKit
+      type="unit"
+      unit="kilogram"
+      name="long"
+      unit-display="long"
+      label="Long"
+    />
     <!-- %partial%::html:: -->
   </FormKit>
 </template>

.examples/unit/unit.vue

@@ -16,11 +16,36 @@ const initialValues = {
     :value="initialValues"
   >
     <!-- %partial%::html:: -->
-    <FormKit type="unit" unit="meter" name="distance" />
-    <FormKit type="unit" unit="celsius" name="temperature" />
-    <FormKit type="unit" unit="day" name="time" />
-    <FormKit type="unit" unit="fluid-ounce" name="volume" />
-    <FormKit type="unit" unit="megabyte" name="digital-unit" />
+    <FormKit
+      type="unit"
+      unit="kilometer"
+      name="distance"
+      label="Distance in meters"
+    />
+    <FormKit
+      type="unit"
+      unit="celsius"
+      name="temperature"
+      label="Temperature in Celsius"
+    />
+    <FormKit
+      type="unit"
+      unit="nanosecond"
+      name="time"
+      label="Time in nanoseconds"
+    />
+    <FormKit
+      type="unit"
+      unit="fluid-ounce"
+      name="volume"
+      label="Volume in fluid ounces"
+    />
+    <FormKit
+      type="unit"
+      unit="megabyte"
+      name="digital-unit"
+      label="Digital unit in megabytes"
+    />
     <pre wrap>{{ value }}</pre>
     <!-- %partial%::html:: -->
   </FormKit>