→ Alaric Sloane
→ Delete Confirmation Modal

Delete Confirmation Modal

This bootstrap css example is contributed by Alaric Sloane, on 02-Oct-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are popup,dialog

Tags: Modal

Author Alaric Sloane

12.4k

v.5.3

Fork Fullscreen

<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
    Delete Item
</button>

<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteModalLabel">Confirm Deletion</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="mb-0">Are you sure you want to delete this item? This action cannot be undone.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger" id="confirmDelete">Delete</button>
            </div>
        </div>
    </div>
</div>

More Examples

Login modal

Author:
Prajwal Hallale

1 year ago

6.2k

v.4.6
Bootstrap 5 Login Modal

Author:
Anonymous

1 year ago

10.9k

v.5.3
Success modal

Author:
Alaric Sloane

10 months ago

3.2k

v.5.3
bootstrap 5 confirm modal

Author:
Anonymous

7 months ago

5.5k

v.5.3
Bootstrap Login Modal
Elegant Login Form

Author:
César Ferreira

7 months ago

3.7k

v.5.3
Bootstrap Login Modal
Elegant Login Form

Author:
Mateo Rojas

7 months ago

5.7k

v.5.3
Progress bars made with bootstrap 5.3

Author:
Anonymous

9 months ago

1.7k

v.5.3
Bootstrap Tabs with Gradient

Author:
Prajwal Hallale

7 months ago

1.4k

v.5.3
Pricing Cards
Three pricing tiers (Basic, Pro, and Enterprise) using Bootstrap's card component.

Author:
Sofia Petrova

1 year ago

1.6k

v.5.3
Simple Pricing Card Component

Author:
Anonymous

9 months ago

1.2k

v.5.3
Beautiful Pricing Cards
My project in class

Author:
Nibras Saffar

4 months ago

501

v.4.6
Responsive Bootstrap Navbar with Mobile Toggle and Remix Icons
This responsive Bootstrap 5 navbar features a clean and modern design, enhanced with Remix Icons for login and cart functionality. It includes a desktop navigation layout with a logo, links, search bar, and action buttons, while the mobile version adapts seamlessly with a toggle menu. Ideal for e-commerce or multipage websites seeking a sleek and user-friendly header layout.

Author:
Talha Abdullah Bangyal

2 months ago

1.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent