Angular popup component with Kendo UI styling and functionality.
npm install kendo-angular-popup-latestAngular popup component with Kendo UI styling and functionality.
``bash`
npm install kendo-angular-popup-latest
`javascript
import Popup from 'kendo-angular-popup-latest';
// Create a simple popup
const popup = new Popup({
position: 'center',
overlay: true,
closeButton: true
});
popup.create(
This is a simple popup.
).show();
`Usage
$3
javascript
const popup = new Popup();
popup.create('Welcome!
').show();
`$3
javascript
const popup = new Popup({
position: 'center', // Popup position
animation: 'fade', // Animation type
overlay: true, // Show overlay
closeOnOverlayClick: true, // Close on overlay click
closeButton: true // Show close button
});popup.create(
With custom configuration
).show();
`API
$3
javascript
new Popup(options)
`Options:
-
(string): Popup position - default: 'center'
- animation (string): Animation type - default: 'fade'
- overlay (boolean): Show overlay - default: true
- closeOnOverlayClick (boolean): Close on overlay click - default: true
- closeButton (boolean): Show close button - default: true$3
-
create(content) - Create popup with HTML content
- show() - Show the popup
- close() - Close the popup
- destroy() - Destroy and remove popupExamples
$3
`javascript
const emailPopup = new Popup();
emailPopup.create().show();
`$3
javascript
const notification = new Popup({
overlay: false,
closeButton: true
});notification.create(
ā Success! Your changes have been saved.
).show();// Auto close after 3 seconds
setTimeout(() => notification.close(), 3000);
``For advanced popup features like:
- Exit-intent detection
- A/B testing
- Analytics tracking
- Smart targeting
- 60+ templates
- Drag & drop builder
Visit Popupsmart.com - The world's most powerful no-code popup builder trusted by 100,000+ businesses.
kendo, angular, popup, modal, ui-component, kendoui
MIT
- š Documentation: popupsmart.com/docs
- š¬ Support: popupsmart.com/support
- š Website: popupsmart.com