iFrame - Basic Component
The iFrame component allows you embed external URL elements in your web app within an iframe.
Adding an iFrame
#1. Drag-and-drop an iFrame
To add an iFrame, go to the “Basic” category under the Components panel and drag and drop the "iFrame" component in the canvas.

#2. Adjust the Dimensions
After dropping the iframe component, adjust it's dimensions as you want by dragging the corners.

#3. Open the Settings
Click the settings icon and open the settings of the iframe component.

#4. Add the URL
Paste the URL and press enter. All content on the URL will get displayed within the iframe immediately.
In the example below, a Google Sheet URL is added.

#5. Access the Content
Adding an iframe is like adding a browser for a particular URL. Therefore, once, the URL content starts displaying, you can access it easily.
