confirmation modal

This tailwind example is contributed by aditya_sharma, on 07-Sep-2026. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are popup,dialog

Modal

Author aditya_sharma

Tailwind v3.4 179

Fork Fullscreen

<h2 class="text-xl font-bold text-gray-900">Confirm Action</h2>

<p class="mt-2 text-sm text-gray-600">

</p>
        </div>

<div class="mt-6 flex gap-3">
          <button
            type="button"
            class="w-full rounded-lg border border-gray-300 px-4 py-3 font-semibold text-gray-700 hover:bg-gray-50"
          >
            Cancel
          </button>

<button
            type="button"
            class="w-full rounded-lg bg-blue-600 px-4 py-3 font-semibold text-white hover:bg-blue-700 disabled:opacity-50"
          >
            Confirm
          </button>
        </div>
      </div>
    </div>

Related Examples

bardui.com feedback modal
feedback form will be engaging and user-friendly. Ideal for collecting valuable user opinions and improving your website’s interaction. Explore practical examples and templates for seamless integration.

Muhammad Imran

2 years ago

2.6k
Content and Image Modals using Dialogs - No Javascript
No javascript needed.

Sherry Lynne

2 months ago

182
Responsive modal popup

I.P. Leroy

3 years ago

15k
Modal multiple window

Maxim

2 years ago

3.1k
Créer une story
Créer une story

Omer fils ELENGA

10 months ago

1k
Command Palette with Search & Keyboard Navigation

JUGENDRA GANGWAR

2 months ago

86
Confirmation model

Mr Robot

4 years ago

13.6k
File Upload

Rajesh Maheshwari

1 year ago

1.5k
Home page 2
Отзывчивый логотип по центру. Интерактивные кнопки призыва к действию.

Alla Telegina

1 year ago

1.4k
Error popup modal

Odessa Young

3 years ago

17k
images games
images games

Bonimater

1 year ago

722
Sign in Modal
Login to continue modal

Anonymous

2 years ago

2.3k