🎨 Creating Custom Popups

Build your own popup components with full control over UI and behavior.

While the native popups cover most use cases, you may need to create a custom component for:

• Highly specialized UI/UX that doesn't fit a standard modal.
• Complex internal state management.
• Re-using a specific popup logic throughout your app.

The Process

1. Basic Structure & Props: Understand the required props injected by ntPopups.
2. Styling System: Learn to use the provided CSS classes and attributes to maintain theme consistency.
3. Complete Example: See a full component example.
4. Register and Use: Register your component in the NtPopupProvider and call it with openPopup.