Viewing a saved revision (read-only)
f2f2f2baa43e49609452af3b08fc4d34
Typerefinery.ai Widget
This example demonstrates a simple widget interface that enables communication between an embedded iframe and its parent page. It shows three buttons—Identity, Address, and Contact—that trigger custom events when clicked, sending structured JSON payloads through the browser's `postMessage` API or `CustomEvent` dispatch. The implementation uses Bootstrap 5.3 for button styling, jQuery for DOM manipulation, and native JavaScript event handling to raise actions like `OPEN_ITEM` with configurable parameters. The page listens for incoming parent messages and logs all interactions to the console, illustrating a basic pattern for cross-frame interaction in a visualization dashboard context.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.