Back
Modal dialogs

Give a link an [up-layer=new] attribute to extract a CSS selector from the destination and open the fragment in a modal dialog. No server-side changes required.

preview.html
<main>

  <p>Story summary</p>

  <a href="full.html" up-layer="new">
    Read full story
  </a>

</main>
full.html
<main>

  <h2>Full story</h2>

  <p>Lorem ipsum dolor sit amet.</p>

</main>