Add files via upload

docs/ui-components/labels.md

@@ -0,0 +1,49 @@
+---
+layout: default
+title: Labels
+parent: UI Components
+nav_order: 3
+---
+
+# Labels
+
+Use labels as a way to add an additional mark to a section of your docs. Labels come in a few colors. By default, labels will be blue.
+
+<div class="code-example" markdown="1">
+Default label
+{: .label }
+
+Blue label
+{: .label .label-blue }
+
+Stable
+{: .label .label-green }
+
+New release
+{: .label .label-purple }
+
+Coming soon
+{: .label .label-yellow }
+
+Deprecated
+{: .label .label-red }
+</div>
+```markdown
+Default label
+{: .label }
+
+Blue label
+{: .label .label-blue }
+
+Stable
+{: .label .label-green }
+
+New release
+{: .label .label-purple }
+
+Coming soon
+{: .label .label-yellow }
+
+Deprecated
+{: .label .label-red }
+```