diff --git a/js/component_scripts.min.js b/js/component_scripts.min.js
index ae3fe895babfc72af416caa3f38a6f26d510b753..c787838a8501809a50f5b907b34e235cc4af8b11 100644
--- a/js/component_scripts.min.js
+++ b/js/component_scripts.min.js
@@ -39,6 +39,9 @@
   };
 })(jQuery, Drupal);
 
+/**
+ * @file
+ */
 
 /**
  * @file
diff --git a/source/_patterns/04-components/content-grid-list/content-grid-list.js b/source/_patterns/04-components/content-grid-list/content-grid-list.js
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..7f574a860d8e734f5ad3f3478f24be0742063fbe 100644
--- a/source/_patterns/04-components/content-grid-list/content-grid-list.js
+++ b/source/_patterns/04-components/content-grid-list/content-grid-list.js
@@ -0,0 +1,3 @@
+/**
+ * @file
+ */
diff --git a/source/_patterns/04-components/filters/_filters.scss b/source/_patterns/04-components/filters/_filters.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/04-components/filters/filters.twig b/source/_patterns/04-components/filters/filters.twig
new file mode 100644
index 0000000000000000000000000000000000000000..2c443573bf4b465b402fe881553981442607a35c
--- /dev/null
+++ b/source/_patterns/04-components/filters/filters.twig
@@ -0,0 +1,12 @@
+  {% block content %}
+
+    {% if content %}
+      {{ content }}
+    {% endif %}
+
+    {% include '@base/02-html-elements/25-forms/forms.twig' with {
+      'form_items': filter_items
+    } %}
+
+
+  {% endblock %}
diff --git a/source/_patterns/04-components/filters/filters.yml b/source/_patterns/04-components/filters/filters.yml
new file mode 100644
index 0000000000000000000000000000000000000000..b126991e5214e77d02f8095cec10635fdff04cec
--- /dev/null
+++ b/source/_patterns/04-components/filters/filters.yml
@@ -0,0 +1,53 @@
+---
+filters_modifier_classes: 'filters-test'
+filter_items:
+  -
+    classes: ''
+    form_item_wrapper: true
+    id: '1text'
+    name: ''
+    type: 'text'
+    placeholder: '1text'
+
+  -
+    classes: ''
+    form_item_wrapper: true
+    id: '2text'
+    name: ''
+    type: 'text'
+    placeholder: '2text'
+
+  -
+    classes: ''
+    form_item_wrapper: true
+    id: '3text'
+    name: ''
+    type: 'text'
+    placeholder: '3text'
+
+  -
+    classes: ''
+    form_item_wrapper: true
+    id: '3text'
+    name: ''
+    type: 'text'
+    placeholder: '3text'
+
+  -
+    classes: ''
+    form_item_wrapper: true
+    id: '4text'
+    name: ''
+    type: 'text'
+    placeholder: '4text'
+
+  -
+    classes: ''
+    form_item_wrapper: true
+    id: '5text'
+    name: ''
+    type: 'text'
+    placeholder: '5text'
+
+
+