Modal.

Modal is a UI component that displays a dialog box or popup over the main content of a webpage. It is used to display important information, such as messages, forms, or alerts, that requires the user's attention.

Class names

Start with modal, then add modifiers when needed.

Class name	Description
`modal`	Normal modal
`modal-window`	A modal window
`modal-content`	Modal content section

Modals

The default NodexUI modals

Code

<button class="btn bg-purple-100" id="openModal">Open Modal</button>

<div class="modal" id="demoModal">
<div class="modal-window radius-squircle">
<div class="modal-top">
<h3 class="font-display">NodexUI Modal Dialog</h3>
<button class="modal-close-btn" id="closeModal">×</button>
</div>

<div class="modal-content">
<p>A lightweight, beautiful modal dialog featuring smooth transitions and backdrop blur.</p>
</div>
<div class="modal-bottom">
<button class="btn btn-primary" id="confirmModal">Confirm</button>
</div>
</div>
</div>

Copied to Clipboard

Have any isuuse or bugs in components?

You can report to NodexUI team. Also you want any Changes in components, You can also contact us.