> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Iframe

> Explains the property configuration and usage of the YiDA Iframe component, so you can embed third-party web content in custom pages to extend page capabilities.

The Iframe component lets you embed content from other web pages into your current designer page.

## When to Use

* Embed and display content from external pages within the current page.

## Component Example

## Component Properties

| Attribute     | Description                                                                                                               | Type      | Default                       |
| ------------- | ------------------------------------------------------------------------------------------------------------------------- | --------- | ----------------------------- |
| `autoFit`     | Automatically adjusts height. Height value = window height − top offset height − extra content area height.               | `boolean` | `false`                       |
| `extraHeight` | Extra content area height.                                                                                                | `number`  | `0`                           |
| `offsetTop`   | Top blank height. Takes effect only after adaptive height is enabled; determines the height of the blank area at the top. | `number`  | `0`                           |
| `src`         | Web address displayed by the Iframe component.                                                                            | `string`  | `'https://www.yidaapps.com/'` |
| `title`       | Title of the Iframe component.                                                                                            | `string`  | `'iFrame Component'`          |