Multiple modals #1118
Answered
by
saadeghi
Carmen-Mercado
asked this question in
Q&A
Multiple modals
#1118
-
Is there any way to create multiple modals? |
Beta Was this translation helpful? Give feedback.
Answered by
saadeghi
Sep 10, 2022
Replies: 1 comment 2 replies
-
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> |
Beta Was this translation helpful? Give feedback.
2 replies
Answer selected by
saadeghi
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Example: https://play.tailwindcss.com/O06aouWOac