> ## 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

> 讲解宜搭 Iframe 组件的属性配置与使用方法，在自定义页面中嵌入第三方网页内容，扩展页面能力边界。

Iframe 组件允许你将其他网页的内容嵌入到你当前的设计器页面中。

## 何时使用

* 用于在当前页面嵌入并展示其他外部页面的内容。

## 组件示例

<iframe src="https://www.aliwork.com/developer/iframe-v2?isRenderNav=false" width="100%" height="480" frameBorder="0" />

## 组件属性

| 属性            | 说明                                 | 类型        | 默认值                           |
| ------------- | ---------------------------------- | --------- | ----------------------------- |
| `autoFit`     | 自动调整高度，高度值=窗口高度-顶部留空高度-额外内容区高度     | `boolean` | `false`                       |
| `extraHeight` | 额外内容区高度                            | `number`  | `0`                           |
| `offsetTop`   | 顶部空白高度，启动了自适应高度后才生效，确定顶部留下的空白区域的高度 | `number`  | `0`                           |
| `src`         | Iframe组件所展示的网页地址链接                 | `string`  | `'https://www.yidaapps.com/'` |
| `title`       | Iframe 组件的标题                       | `string`  | `'iFrame 组件'`                 |