Svelte Modal

Modal.svelte

<script>
  import { Button, ModalCard } from 'svelma'

  let active = false
</script>

<Button class="block" on:click={() => active = !active}>Toggle</Button>
<ModalCard bind:active={active} title="My Modal Title">
  <p class="image is-4by3">
    <img alt="Test image" src="https://via.placeholder.com/1280x920"/>
  </p>
</ModalCard>