Added the dialog element

Author: ericwbailey

partials/section.interactive.hbs

@@ -10,8 +10,18 @@
     <h4>Notes:</h4>
     <p>
         <small>The <code>details</code> element is currently not supported by Microsoft Edge or Internet Explorer. These browsers will <a rel="external noopener" href="https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/">display the content in an opened state</a>, as if the <code>open</code> attribute was applied.</small>
-    </p>
-<!-- End of #subsection__details -->
+    </p><!-- End of #subsection__details -->
 
+    <h3 id="subsection__details">Dialog</h3><!-- Start of #subsection__details -->
+    <dialog id="dialog">
+        <p>This is dialog content.</p>
+        <button type="button">
+            Close
+        </button>
+    </dialog>
 
+    <h4>Notes:</h4>
+    <p>
+        <small>The <code>dialog</code>'s interactivity needs to be controlled with JavaScript.</small>
+    </p><!-- End of #subsection__details -->
 </section><!-- End of #section__interactive -->