dialog can use the dialog element or by adding add role="dialog" to another element. A modal is the same with aria-modal="true" added to the element.</p>

          <div class="group group--min">

            <section class="demo demo--dialog">
              <button class="toggle" data-toggle-target="#demo-panel-dialog" data-toggle-animate-height="false">Show dialog</button>
              
              <dialog id="demo-panel-dialog" class="toggle-dialog">
                <button class="toggle is-reset" dat