Add Badge and LabeledValue cards to home page (#3597)

Author: devongovett

packages/dev/docs/pages/assets/component-illustrations/Badge.svg

@@ -64,6 +64,8 @@ import DateField from '../assets/component-illustrations/DateField.svg';
 import TimeField from '../assets/component-illustrations/TimeField.svg';
 import DatePicker from '../assets/component-illustrations/DatePicker.svg';
 import DateRangePicker from '../assets/component-illustrations/DateRangePicker.svg';
+import LabeledValue from '../assets/component-illustrations/LabeledValue.svg';
+import Badge from '../assets/component-illustrations/Badge.svg';
 
 ---
 category: Libraries
@@ -424,11 +426,25 @@ A React implementation of Spectrum, Adobe’s design system.
   <Meter />
 </ExampleCard>
 
+<ExampleCard
+  url="LabeledValue.html"
+  title="LabeledValue"
+  description="A labeled value displays a non-editable value with a label, with locale-specific formatting.">
+  <LabeledValue />
+</ExampleCard>
+
 <ExampleCard
   url="StatusLight.html"
   title="StatusLight"
   description="A status light displays the status or category of an entity.">
   <StatusLight />
 </ExampleCard>
 
+<ExampleCard
+  url="Badge.html"
+  title="Badge"
+  description="A badge displays color-categorized metadata for an object.">
+  <Badge />
+</ExampleCard>
+
 </section>