Component
Edit this pageNeo Modal
A high-priority overlay for critical actions. Features a backdrop blur, keyboard support (Esc), and unmissable aesthetics.
01 Installation
Copy the source code below. It uses React Portals to render outside the DOM hierarchy.
Source Code
New Component
src/components/neo/
NeoModal.tsx
Or switch to the "Code" tab to view manually
02 Basic Usage
Interactive Demo
03 Real World Examples
Newsletter Popup
Destructive Action
Props API
| Component | Prop | Type | Description |
|---|---|---|---|
| NeoModal | children | ReactNode | Root provider. |
| NeoModal | defaultOpen | boolean | Initial open state. |
| NeoModalContent | onClose | () => void | Callback when modal closes (via Esc or backdrop). |