フォームボタンコンポーネント form-button-component
コアコンポーネントのフォームボタンコンポーネントを使用すれば、アクションをトリガーするボタンをページに含めることができます。
使用方法 usage
コアコンポーネントのフォームボタンコンポーネントを使用すれば、フォームの送信をトリガーすることが多いボタンフィールドを作成できます。このコンポーネントは、フォームコンテナコンポーネントと共に使用するためのものです。
ボタンのプロパティは、コンテンツ編集者が設定ダイアログで定義できます。
バージョンと互換性 version-and-compatibility
このドキュメントでは、フォームボタンコンポーネントの現在のバージョン（2018年1月にコアコンポーネントのリリース 2.0.0 で導入された v2）について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コアコンポーネントのバージョンとリリースについて詳しくは、コアコンポーネントのバージョンを参照してください。
コンポーネント出力のサンプル sample-component-output
フォームボタンコンポーネントを体験し、その設定オプションや HTML および JSON 出力の例を確認するには、コンポーネントライブラリを参照してください。
技術的詳細 technical-details
フォームボタンコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。
コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。
設定ダイアログ configure-dialog
設定ダイアログでは、コンテンツ作成者がボタンのパラメーターを定義できます。
「プロパティ」タブ properties-tab
-
種類
- ボタン
- 送信
-
タイトル - ボタンに表示されるテキスト
- 指定しない場合は、デフォルトでボタンの種類が表示されます
-
名前 - ボタンの名前（フォームデータと共に送信されます）
-
値 - ボタンの値（フォームデータと共に送信されます）
-
ID - このオプションを使用すると、HTML 内および データレイヤー内のコンポーネントの一意の識別子を制御できます。
- 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
- ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
- ID を変更すると、CSS、JS、およびデータレイヤーのトラッキングに影響を与える可能性があります。
デザインダイアログ design-dialog
「スタイル」タブ styles-tab
フォームボタンコンポーネントは、AEM スタイルシステムをサポートしています。