Update "tags" page

docs/pages/tags.md

@@ -0,0 +1,49 @@
+---
+title: Tags
+collection_name: pages
+layout: variation
+section: components
+status: Released
+description: Tags are used to label, organize, or categorize content. Tags can
+  be used as a method of filtering data or to show items within a particular
+  category.
+variation_groups:
+  - variations:
+      - variation_is_deprecated: false
+        variation_name: Topic tag
+        variation_description: Topic tags appear with content such as blog posts and
+          press releases to display associated topics. When clicked, a topic tag
+          takes a user to a filtered view of other items tagged with the same
+          topic tag. In this filtered view, a topic tag appears as a filter tag.
+      - variation_is_deprecated: false
+        variation_name: Filter tag
+        variation_description: Filter tags are used as a part of
+          [multiselects](https://cfpb.github.io/design-system/components/selects#multiselect)
+          to display categories, topics, and languages selected in a [filterable
+          list control
+          panel](https://cfpb.github.io/design-system/patterns/filterable-list-control-panels).
+        variation_code_snippet: <ul class="o-multiselect_choices"><li
+          data-option="option1"><button type="button"><label
+          for="test_select__multiple-option1">Option 1<svg
+          xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg
+          cf-icon-svg__error" viewBox="0 0 12 19"><path d="M11.383 13.644A1.03
+          1.03 0 0 1 9.928 15.1L6 11.172 2.072 15.1a1.03 1.03 0 1
+          1-1.455-1.456l3.928-3.928L.617 5.79a1.03 1.03 0 1 1 1.455-1.456L6
+          8.261l3.928-3.928a1.03 1.03 0 0 1 1.455 1.456L7.455
+          9.716z"></path></svg></label></button></li><li
+          data-option="option4"><button type="button"><label
+          for="test_select__multiple-option4">Option 4<svg
+          xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg
+          cf-icon-svg__error" viewBox="0 0 12 19"><path d="M11.383 13.644A1.03
+          1.03 0 0 1 9.928 15.1L6 11.172 2.072 15.1a1.03 1.03 0 1
+          1-1.455-1.456l3.928-3.928L.617 5.79a1.03 1.03 0 1 1 1.455-1.456L6
+          8.261l3.928-3.928a1.03 1.03 0 0 1 1.455 1.456L7.455
+          9.716z"></path></svg></label></button></li></ul>
+    variation_group_name: Types
+behavior: To clear a filter tag selection, click the “x” icon inside of the filter tag.
+related_items: >-
+  *
+  [Multiselect](https://cfpb.github.io/design-system/components/selects#multiselect)[](https://cfpb.github.io/design-system/patterns/filterable-list-control-panels)
+
+  * [Filterable list control panels](https://cfpb.github.io/design-system/patterns/filterable-list-control-panels)
+---