Componentビルダーに外部コンポーネントを追加する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Formsでフォームを起動するか、Reactやweb componentなどのBYOCコンポーネントを登録した後、Componentビルダーキャンバスに追加できます。外部コンポーネントを追加するのは、通常の要素処理と同じ方法です。ただし、キャンバスやPagesでコンポーネントのビジュアルプレビューを見ることはできませんが、コンポーネントの要素やレイアウトを含むプレビューは別のブラウザタブで開くことができます。
外部コンポーネントの追加
-
Componentビルダーでコンポーネントを開くか、新しいコンポーネントを作成します。
-
外部コンポーネントを追加したいセクションや要素のコンテキストバーで、Add element > Componentをクリックします。
-
コンテキストバーで既存の要素Append insideクリックするか、クリックしてドラッグするとコンポーネントセクションのグリッド上にコンテナを作成できます。
-
右側で、以前登録したコンポーネントがあるコレクションを開きます。
-
追加したいコンポーネントをクリックします。
-
コンポーネントに入力フィールドが含まれている場合は、右側のペインで入力を設定できます。
外部コンポーネントのプレビュー
コンポーネントをステージングした後、別のブラウザタブでプレビューを開くことができます。コンポーネントが複数のバージョンをステージ化した場合、プレビュータブは設定された画面サイズに対応するバージョンをレンダリングします。画面サイズに対応した複数のバージョンがあれば、最初のバージョンをレンダリングします。
外部コンポーネントプレビューを開くには:
-
Componentビルダーで、設定・ステージ化された外部コンポーネントを扱う際にPreview external componentsをクリックします。