modal in bulma code example

Example: pop ups bulma

<div id="ID" class="modal ">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <p class="modal-card-title"> <!-- Title --> </p>
      <button id="close"class="delete" aria-label="close" onclick="ID.classList.toggle('is-active')" >  </button>
    </header>
    <section class="modal-card-body">
     <!-- Main Text -->
    </section>
    <footer class="modal-card-foot">
    </footer>
  </div>
</div>
<!-- Make a onclick="ID.classList.toggle('is-active')"  To activate it -->

Tags:

Html Example