A
Anonymous

Modal - Copy this React, Tailwind Component to your project

<!---Modal--->-<div-id="myModal"-class="fixed-inset-0-z-50-flex-items-center-justify-center"-style="display:none;">-<div-class="absolute-inset-0-bg-black-opacity-50"-onclick="closeModal()"></div>-<div-class="bg-white-rounded-lg-shadow-lg-z-50-max-w-md-w-full-mx-4-transform-transition-all-duration-300-scale-100">-<div-class="border-b-px-4-py-2-flex-justify-between-items-center">-<h3-class="font-semibold-text-lg">Dettagli</h3>-<button-class="text-gray-700-hover:text-gray-900"-onclick="closeModal()">-<svg-xmlns="http://www.w3.org/2000/svg"-class="h-6-w-6"-fill="none"-viewBox="0-0-24-24"-stroke="currentColor">-<path-stroke-linecap="round"-stroke-linejoin="round"-stroke-width="2"-d="M6-18L18-6M6-6l12-12"/>-</svg>-</button>-</div>-<div-id="modalContent"-class="p-4">-</div>-<div-class="px-4-py-2-border-t-flex-justify-end">-<button-class="bg-blue-500-text-white-px-4-py-2-rounded-md-hover:bg-blue-600"-onclick="closeModal()">-Chiudi-</button>-</div>-</div>-</div>

Prompt
Component Preview

About

Modal - A responsive, customizable modal with a sleek design, backdrop, and close button, professionally built with React and Tailwind. Copy code today!

Share

Last updated 1 month ago