翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
# Amazon Connect の UI ビルダー用の UI コンポーネントライブラリ
すべての UI ビルダーコンポーネントについては、[Amazon Connect UI コンポーネントのドキュメント](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/overview--page)で説明されています。このドキュメントでは、UI ビルダーで使用できる個々の UI コンポーネントとその設定方法について説明します。
UI ビルダーのライブラリコンポーネントには、**作成**パネルの**ライブラリ**タブからアクセスできます。次の図は、**[ライブラリ]** タブと **[コンテナ]** コンポーネントの例を示しています。
## コンテナを使用してコンポーネントを移動し整理する
コンテナは、ビュー作成の中核となる構成要素です。UI コンポーネント (その他のコンテナを含む) をコンテナに移動して、ページ上で論理的かつ視覚的にグループ化できます。
トップレベルのビュー設定をカスタマイズする際にページのコンテンツに一貫性を持たせるために、すべてのビューでコンテナを使用することをお勧めします。コンテナでは列レイアウトも使用できます。列レイアウトを使用すると、コンテナ内のコンテンツを整理できます。
## フォームを作成する
エージェントまたは顧客が入力して送信するフォームを作成するには、[[フォーム]](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all) コンポーネントを使用します。次のいずれかを行うことができます。
+ UI ライブラリから **[フォーム]** コンポーネントをキャンバスにドラッグアンドドロップします。
+ または、**[テンプレート]** タブで、**[フォームの例]** テンプレートを選択します。これは、フォームコンポーネントを使用します。
[[フォーム]](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all) コンポーネントは、入力フィールドを挿入し **[送信]** ボタンを追加できる特殊なタイプのコンテナです。ガイドを使用するユーザーが **[送信]** ボタンを押すと、Amazon Connect はフォームフィールドに入力されたすべての値をフローに渡します。この時点でフローでは、独自のビジネスロジックをカスタマイズして、[AWS Lambda 関数](invoke-lambda-function-block.md) ブロックを使用してサードパーティーシステムとの間でデータの送信/取得を行うことができます。
次の図は、プレースホルダーラベルと送信ボタンを含む **[フォーム]** コンポーネントの例を示しています。
