feat(frontend): option to not show hidden prefix for warning text

getindiekit · Apr 14, 2024 · 2a66c36 · 2a66c36
1 parent fe6083c
commit 2a66c36
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/helpers/frontend/views/frontend-components.njk b/helpers/frontend/views/frontend-components.njk
@@ -492,7 +492,13 @@
 <h2><code>warningText</code></h2>
 
 {{ warningText({
-  text: "Warning text"
+  text: "Warning"
+}) }}
+
+{{ warningText({
+  text: "With different icon (and without hidden ‘warning’ prefix)",
+  icon: "cross",
+  iconFallbackText: "false"
 }) }}
 
 <h2><code>widget</code></h2>

diff --git a/packages/frontend/components/warning-text/template.njk b/packages/frontend/components/warning-text/template.njk
@@ -2,7 +2,7 @@
   {{- attributes(opts.attributes) }}>
   {{ icon(opts.icon | default("warning")) }}
   <strong class="warning-text__text">
-    <span class="-!-visually-hidden">{{ opts.iconFallbackText | default(__("warning")) }}</span>
+    {% if not opts.iconFallbackText %}<span class="-!-visually-hidden">{{ opts.iconFallbackText | default(__("warning")) }}</span>{% endif %}
     {{ opts.text | safe }}
   </strong>
 </div>