> ## 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.
# 自定义页面组件
> 本文介绍了自定义页面中组件的配置属性、用途及高级用法。包括文本、图片、图标、链接、按钮等基础组件，以及轮播、气泡提示、折叠面板等高级组件的应用场景和使用方法。
| **能力** | **免费版** | **轻享版** | **专业版** | **专属版** |
| ------ | ------- | ------- | ------- | ------- |
| 自定义页面 | 不支持 | 不支持 | 支持 | 支持 |
## 1. 简介
**自定义页面中的组件相比表单页面的组件配置属性更丰富、更灵活，组件使用方法请参考**[**开发者中心**](/zh/open/yida/index)**中的组件示例。**
自定义页面中的组件分为【布局】、【基础】、【表单】、【高级】和【其他】，相应的组件如下：
### 1.1 自定义页面组件及用途
| **组件名称** | **用途** |
| --------------------------------------------------------- | ------------------------------------------------------------------------------- |
| [文本](/zh/open/yida/components/basic/text) | 展示文本内容。 |
| [图片](/zh/open/yida/components/basic/image) | 展示图片内容。 |
| [图标](/zh/open/yida/components/basic/icon) | 提供多个图标样式可选择。 |
| [链接](/zh/open/yida/components/basic/link) | 添加一个链接地址，点击链接即可跳转对应页面。 |
| [链接块](/zh/open/yida/components/basic/linkBlock) | 链接块是一个容器类型组件，点击该容器内任意元素，都会触发跳转链接。 |
| [按钮](/zh/open/yida/components/basic/button) | 可通过按钮的动作事件触发执行效果，例如：点击按钮获取当前时间。 |
| [视频播放](/zh/open/yida/components/basic/video) | 用于页面播放视频，提供多种播放方式。 |
| [对话框](/zh/open/yida/components/basic/dialog) | 可在以下场景中使用：
• 需要给用户一个提示
• 需要用户进行确认操作
• 需要用户处理事务，又不希望跳转页面以致打断工作流程时 |
| [Drawer](/zh/open/yida/components/basic/drawer) | 可在以下场景中使用：
• 需要给用户一个提示
• 需要用户进行确认操作
• 需要用户处理事务，又不希望跳转页面以致打断工作流程时 |
| [表格](/zh/open/yida/components/advanced/table) | 可在表格中展示表单/流程表单的数据。 |
| [HTML](/zh/open/yida/components/advanced/HTML) | 允许你进行一些自定义的功能开发，其中页面设计需要有一定的前端基础，至少需要掌握 HTML、CSS、JS 等相关的基础知识。 |
| [JSX](/zh/open/yida/components/advanced/JSX) | 允许你通过 jsx 代码渲染一个完全自定义的组件，一般用于纯展示的场景。 |
| [轮播](/zh/open/yida/components/advanced/slider) | 将所需展示的多张图片循环轮动展示。 |
| [气泡提示](/zh/open/yida/components/advanced/balloon) | 自定义页面循环展示数据时，当数据内容过长时，就会发生显示不完整的情况，这时我们可以使用气泡提示，当鼠标划过时可自动展示完整内容。 |
| 折叠面板 | 当页面组件过多较为繁杂时，可用折叠面板将组件折叠起来。 |
| [底部通栏](/zh/open/yida/components/advanced/bannerContainer) | 允许你在页面底部添加内容，并且内容固定在页面底部和占据通栏。 |
| [Iframe](/zh/open/yida/components/advanced/Iframe) | 允许你将其他网页的内容嵌入到你当前的设计器页面中，一般用于纯展示的场景。 |
| [进度指示器](/zh/open/yida/components/advanced/progress) | 展示项目的运行进度。 |
| [翻页器](/zh/open/yida/components/advanced/pagination) | 当自定义页面里有数据，想要分页展示的时候，可使用这个翻页器。 |
| [搜索](/zh/open/yida/components/advanced/search) | 当自定义页面使用表格组件时，可用搜索组件搜索表格中某条数据。 |
| [查询](/zh/open/yida/components/advanced/filter) | 当自定义页面中使用自定义表格展示数据后，顶部操作的搜索只能搜索某一列数据，如果需要对数据多列进行搜索，就可以使用查询组件来实现。 |
| [菜单](/zh/open/yida/components/advanced/menu) | 将自定义页面作为一个目录，点击某些选项进行页面跳转。 |
| [树形控件](/zh/open/yida/components/advanced/tree) | 当使用一个种类想要查看子类的时候，可以使用自定义页面里的树形控件。 |
| [时间轴](/zh/open/yida/components/advanced/timeLine) | 一般用于公司发展历程或项目运行时间。 |
| [步骤](/zh/open/yida/components/advanced/steps) | 自定义页面的步骤条组件，适用于制作派遣人员信息录入，登录信息注册等，可以对基本信息的填写进度作提醒。 |
## 2. 组件高级用法
### 2.1 新建一个按钮控件点击可跳转其他表单 ？
### 2.2 动态控制 Iframe 的显示