fixed bug (#3271)

ONSdigital · Jul 18, 2024 · 9d49578 · 9d49578
1 parent cc7445b
commit 9d49578
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 1 deletion.
diff --git a/..._example-section-navigation-single-vertical-with-title_0_document_0_desktop.png b/..._example-section-navigation-single-vertical-with-title_0_document_0_desktop.png
diff --git a/...n_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png b/...n_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
diff --git a/...n_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png b/...n_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
diff --git a/src/components/section-navigation/_macro.njk b/src/components/section-navigation/_macro.njk
@@ -57,7 +57,7 @@
             {% if params.title %}
                 {{ openingHeadingTag | replace(headingLevel, sectionTitleHeadingLevel | string) | safe }}
                 class="ons-u-fs-r--b
-                ons-u-mb-s">{{ params.title }}{{ closingHeadingTag | replace(headingLevel, sectionTitleHeadingLevel | string) }}
+                ons-u-mb-s">{{ params.title }}{{ closingHeadingTag | replace(headingLevel, sectionTitleHeadingLevel | string) | safe }}
             {% endif %}
             <ul class="ons-section-nav__list">
                 {% for item in params.itemsList %}

diff --git a/src/components/section-navigation/example-section-navigation-single-vertical-with-title.njk b/src/components/section-navigation/example-section-navigation-single-vertical-with-title.njk
@@ -0,0 +1,23 @@
+{% from "components/section-navigation/_macro.njk" import onsSectionNavigation %}
+{{
+    onsSectionNavigation({
+        "id": "section-menu",
+        "variants": "vertical",
+        "currentPath": "#section-1",
+        "title": "Sections title",
+        "itemsList": [
+            {
+                "title": "Section 1",
+                "url": "#section-1"
+            },
+            {
+                "title": "Section 2",
+                "url": "#0"
+            },
+            {
+                "title": "Section 3",
+                "url": "#0"
+            }
+        ]
+    })
+}}