🪟 Modal Function Demo

Demonstration of the shared modal function for creating popup dialogs across FunnyFunHouse apps

Basic Modals

Simple modal dialogs with different button configurations:

utils.showModal({ title: 'Basic Modal', content: 'This is a simple modal with default settings.', buttons: [{ text: 'OK', type: 'primary' }] });

Custom Content

Modals with custom HTML content and multiple buttons:

utils.showModal({ title: 'Custom Content', content: '<div><h4>Custom HTML</h4><p>Rich content...</p></div>', buttons: [ { text: 'Cancel', type: 'secondary' }, { text: 'Save', type: 'primary' } ] });

Advanced Options

Modals with custom behaviors and event handlers:

utils.showModal({ title: 'Advanced Modal', content: 'This modal has custom options.', allowEscapeKey: false, allowOutsideClick: false, onOpen: (overlay, content) => console.log('Modal opened'), onClose: () => console.log('Modal closed') });
Success

Modal function is now available globally via utils.showModal() in all FunnyFunHouse apps!