rop>
        <p>Hello world!</p>
        <button>Button</button>
        <button onclick="backdrop.close()">Close</button>
      </simple-overlay>
    </template>
  </demo-snippet>

  <h3>Use <code>restore-focus-on-close</code> to return the focus to the element that opened the overlay when it gets closed.</h3>
  <demo-snippet>
    <template>
      <button onclick="returnFocus.open()">Overlay that restores focus</button>
      <simple-overlay id="returnFocus" restore-focus-on-close>
        <p>Hello world!<