/simple-overlay>
    </template>
  </demo-snippet>

  <h3>Multiple overlays can be opened.</h3>
  <demo-snippet>
    <template>
      <button onclick="multiple.open()">Open first overlay</button>
      <simple-overlay id="multiple" tabindex=-1>
        <p>click to open another overlay</p>
        <button onclick="multiple2.open()">Open second overlay</button>
        <button onclick="multiple.close()">Close this</button>
      </simple-overlay>
      <simple-overlay id="multiple2" tabindex=-1>
        <h2>H