le-overlay id="plain" tabindex=-1>
        <h2>Hello world!</h2>
        <p>This can be closed by pressing the ESC key too.</p>
        <button onclick="plain.close()">Close</button>
      </simple-overlay>
    </template>
  </demo-snippet>

  <h3>Use <code>with-backdrop</code> to add a backdrop to your overlay. Tabbing will be trapped within the overlay.</h3>
  <demo-snippet>
    <template>
      <button onclick="backdrop.open()">Overlay with backdrop</button>
      <simple-overlay id="backdrop" with-backd