本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

Amazon Connect 中无代码用户界面生成器的用户界面组件库

Amazon Connect 用户界面组件文档中描述了所有无代码用户界面生成器组件。本文档向您展示了可以在无代码 UI 生成器中使用的各个 UI 组件，以及如何配置它们。

您可以在 “创建” 面板 “库” 选项卡的无代码 UI 生成器中访问库组件。下图显示了 “库” 选项卡和 “容器” 组件的示例。

使用容器来移动和整理组件

容器是生成视图的核心构建块。您可以将 UI 组件（包括其他容器）移动到容器中，以便在页面上以逻辑和可视方式将它们分组在一起。

为了在自定义顶级视图设置时保持页面内容相对一致，我们建议在所有视图中使用容器。容器还带有列布局。列布局允许您整理容器内的内容。

创建表单

要创建表单供代理或客户填写和提交，您可以使用表单组件。您可以：

表单组件是一种特殊类型的容器，您可以在其中插入输入字段并添加 “提交” 按钮。当与指南互动的用户按下 “提交” 按钮时，Amazon Connect 会将输入到表单字段中的所有值传递给流程。在流程中，您可以使用该AWS Lambda 函数模块将自己的业务逻辑和 send/retrieve 数据自定义到第三方系统。

下图显示了一个带有占位符标签和提交按钮的表单组件示例。