Allow customizing tag_name for deck object (#1804)

Author: calebeby

.changeset/cyan-pots-divide.md

@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': minor
+---
+
+Allow passing `tag_name` to deck object

src/objects/deck/deck.stories.mdx

@@ -76,6 +76,15 @@ const alignmentClasses = {
       type: { name: 'string' },
       control: { type: 'inline-radio' },
     },
+    tag_name: {
+      type: { name: 'string' },
+      description: 'The root tag for the component',
+      table: {
+        defaultValue: {
+          summary: 'div',
+        },
+      },
+    },
   }}
 />
 

src/objects/deck/deck.twig

@@ -1,3 +1,5 @@
-<div class="o-deck{% if class %} {{ class }}{% endif %}">
+{% set tag_name = tag_name|default('div') %}
+
+<{{ tag_name }} class="o-deck{% if class %} {{ class }}{% endif %}">
   {% block content %}{% endblock %}
-</div>
+</{{ tag_name }}>