<button on:click={ () => visible = true }>Click Me!</button>

{#if visible}
  <modal on:click={ () => visible = false }>
  <modal-content>
    <h1>This Is A Modal</h1>
    <p>Designers love modals. Click anywhere to close this.</p>
  </modal-content>
  </modal>
{/if}