Multiple modals

[Carmen-Mercado]

Is there any way to create multiple modals?

[saadeghi]

Example: https://play.tailwindcss.com/O06aouWOac

<!-- buttons to open modals -->
<label for="modal-1" class="btn modal-button">modal 1</label>
<label for="modal-2" class="btn modal-button">modal 2</label>
<label for="modal-3" class="btn modal-button">modal 3</label>

<!-- Put this part before </body> tag -->

<input type="checkbox" id="modal-1" class="modal-toggle" />
<div class="modal">
  <div class="modal-box">
    <h3 class="font-bold text-lg">Modal 1</h3>
    <div class="modal-action">
      <label for="modal-1" class="btn">Close 1</label>
    </div>
  </div>
</div>

<input type="checkbox" id="modal-2" class="modal-toggle" />
<div class="modal">
  <div class="modal-box">
    <h3 class="font-bold text-lg">Modal 2</h3>
    <div class="modal-action">
      <label for="modal-2" class="btn">Close 2</label>
    </div>
  </div>
</div>

<input type="checkbox" id="modal-3" class="modal-toggle" />
<div class="modal">
  <div class="modal-box">
    <h3 class="font-bold text-lg">Modal 3</h3>
    <div class="modal-action">
      <label for="modal-3" class="btn">Close 3</label>
    </div>
  </div>
</div>

[Carmen-Mercado]

Greate, thanks!

[akindele214]

Life saver!!!