added first and last page examples for long pagination (#2575)

ONSdigital · Jan 9, 2023 · 75b9668 · 75b9668
1 parent 4471703
commit 75b9668
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 0 deletions.
diff --git a/src/components/pagination/examples/pagination-first/index.njk 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
@@ -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
+            }
+        ]
+    })
+}}