(this page was created automatically. In case of formatting issues, please visit the official Wiki Page)

IFrame

Link to Figma: tba

Overview

• The IFrame component embeds external web content inside your application.
• It keeps the embedded content separate from the main application for security.
• It supports HTML documents, websites, and full web applications.
• It is useful for integrating third-party tools, dashboards, or documentation.

...

• Size the frame to the embedded content’s expected viewport; use percentages for flexible layouts and pixels for fixed designs (width, height).
• Add breathing room so the frame doesn’t butt up against adjacent UI (paddingClass).
• For content that should fill the available area, set width: "100%" and an appropriate height to avoid double scrollbars.

Interactions & Events

• Bind lifecycle behaviors to events without duplicating state rules: use ON_INIT for any setup (e.g., preparing dynamic src context), ON_PAGE_LOAD for analytics or marking “ready,” and ON_DESTROY for teardown of timers/listeners.

Visibility & Authorization

...