Add a storybook arg for show

CityOfDetroit · Jul 29, 2024 · 6b54af2 · 6b54af2
1 parent de6199a
commit 6b54af2
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/stories/articlecard.stories.js b/src/stories/articlecard.stories.js
@@ -26,6 +26,10 @@ export default {
       description: 'The subtitle of the article. Custom markdown is supported.',
     },
     color: COMMON_STORY_ARGS.bootstrapColor,
+    show: {
+      control: { type: 'boolean' },
+      description: 'Toggle to show or hide the article card title text.',
+    },
   },
   args: {
     src: 'https://placehold.co/300x400',
@@ -36,6 +40,7 @@ export default {
     color: 'primary',
     href: 'https://www.example.com',
     target: '_blank',
+    show: false,
   },
 };
 
@@ -57,6 +62,9 @@ function _createArticleCard(args) {
   articleCardElt1.setAttribute('color', args.color);
   articleCardElt1.setAttribute('href', args.href);
   articleCardElt1.setAttribute('target', args.target);
+  if (args.show) {
+    articleCardElt1.setAttribute('show', 'show');
+  }
   if (_containsHTMLTags(args.title)) {
     const title = _createElementFromHTML(args.title);
     title.slot = 'title';