The Interactive Showcase
Experience the power and flexibility of kmodals through these interactive examples.
- ✓ Open dialogs inside dialogs
- ✓ Trigger async operations
- ✓ Spam ESC repeatedly
- ✓ Navigate using only the keyboard
- ✓ Scroll the page behind the modal
- ✓ Everything should continue working
Advanced Demo
A comprehensive demonstration of nested dialogs, asynchronous updates, and complex stacking to show robustness.
Nested Dialogs
The "Russian Doll" effect. Open a modal, then another, then another. Watch how kmodals manages the stack, focus, and background overlays perfectly.
Async Confirmation
Destructive actions with confirmation. Demonstrate how to handle "Delete User" flows with loading states and automatic closure.
Real Form
Comprehensive form testing. Verify focus trapping, keyboard navigation, and restoration using a variety of input types and validation.
Async Workflow
Simulate a complete API request lifecycle. Demonstrate state transitions and dynamic content updates inside the same modal.
Multi-Step Wizard
Handle complex multi-step processes with navigation between steps, validation, and state persistence.
Dynamic Content
Modify the UI at runtime without breaking the library. Swap sections, expand content, and update buttons dynamically.