Tailwind CSS Confirmation Modal
A confirmation modal for Tailwind CSS. Use it before actions that cannot be undone, like deleting an account or removing a member. Built with the dialog and button components.
<button type="button" class="btn btn-outline" id="confirmation-modal-trigger">
Delete account
</button>
<dialog class="dialog" data-sp-toggle="#confirmation-modal-trigger">
<div class="dialog-panel">
<div class="dialog-header">
<h2 class="dialog-title">Are you absolutely sure?</h2>
<p class="dialog-description">
This will permanently delete your account and remove your data from our
servers.
</p>
</div>
<div class="dialog-footer">
<button type="button" class="btn btn-outline" data-sp-dismiss="">
Cancel</button
><button type="button" class="btn">Continue</button>
</div>
</div>
</dialog>