From af723c1ffcc233617ef6bc7f6bc9c98461e7840e Mon Sep 17 00:00:00 2001
From: LasseStaus <l.stausgaard@gmail.com>
Date: Tue, 16 Apr 2024 19:26:50 +0200
Subject: [PATCH] Update "TagList" data attributes for `show-more.js`changes.

This updates the logic for the taglist with the new refactored show-more logic.

DDFFORM-69
---
 src/stories/Library/tag/tag-list/TagList.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/stories/Library/tag/tag-list/TagList.tsx b/src/stories/Library/tag/tag-list/TagList.tsx
index d87243714..da8696978 100644
--- a/src/stories/Library/tag/tag-list/TagList.tsx
+++ b/src/stories/Library/tag/tag-list/TagList.tsx
@@ -17,8 +17,13 @@ const TagList: FC<TagListProps> = ({ tags }) => {
   return (
     <>
       {tags.length > 1 && (
-        <div data-show-more-list className="tag-list">
-          <ul>
+        <div data-show-more-list-wrapper className="tag-list">
+          <ul
+            data-show-more-list
+            data-initial-visible-items="3"
+            data-hide-list-button-after-expand="false"
+            data-show-more-list-id="tag-list"
+          >
             {tags.map((tag, index) => (
               <li data-show-more-item>
                 <Tag key={index} hasBackground size="large">
@@ -31,6 +36,8 @@ const TagList: FC<TagListProps> = ({ tags }) => {
             className="tag tag--fill cursor-pointer"
             aria-expanded="false"
             data-show-more-button
+            data-show-more-text="..."
+            data-show-less-text="-"
           >
             ...
           </button>