diff --git a/src/components/pagination/examples/pagination-first/index.njk b/src/components/pagination/examples/pagination-first/index.njk
new file mode 100644
index 0000000000..f3a1019f2b
--- /dev/null
+++ b/src/components/pagination/examples/pagination-first/index.njk
@@ -0,0 +1,24 @@
+{% from "components/pagination/_macro.njk" import onsPagination %}
+
+{{
+    onsPagination({
+        "previous": "Previous",
+        "next": "Next",
+        "hideRangeIndicator": true,
+        "pages": [
+            {
+                "url": "#page1",
+                "current": true
+            },
+            {
+                "url": "#page2"
+            },
+            {
+                "url": "#page3"
+            },
+            {
+                "url": "#page4"
+            }
+        ]
+    })
+}}
diff --git a/src/components/pagination/examples/pagination-last/index.njk b/src/components/pagination/examples/pagination-last/index.njk
new file mode 100644
index 0000000000..6d5671cd94
--- /dev/null
+++ b/src/components/pagination/examples/pagination-last/index.njk
@@ -0,0 +1,24 @@
+{% from "components/pagination/_macro.njk" import onsPagination %}
+
+{{
+    onsPagination({
+        "previous": "Previous",
+        "next": "Next",
+        "hideRangeIndicator": true,
+        "pages": [
+            {
+                "url": "#page1"
+            },
+            {
+                "url": "#page2"
+            },
+            {
+                "url": "#page3"
+            },
+            {
+                "url": "#page4",
+                "current": true
+            }
+        ]
+    })
+}}