翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
crowd-modal
開いたときにポップアップで表示される小さなウィンドウ。
この Crowd HTML 要素を使用する HTML テンプレートのインタラクティブな例については、「」を参照してくださいCodePen
<crowd-modal>
要素で使用できる構文の例を次に示します。次のコードをコピーし、拡張子 .html
でファイルに保存します。任意のブラウザでファイルを開き、このテンプレートをプレビューして操作します。
<script src="https://assets.crowd.aws/crowd-html-elements.js"></script> <crowd-modal link-text = "See Examples" link-type = "button"> Example Modal Text</crowd-modal>
属性
次の属性が、この要素でサポートされています。
link-text
モーダルを開くための表示テキスト。デフォルトは [Click to open modal] (クリックしてモーダルを開きます) です。
link-type
モーダルのトリガータイプを指定する文字列。指定できる値は "link" (デフォルト) と "button" です。
要素の階層
この要素には、以下の親および子要素があります。
-
親要素: crowd-form
-
子要素: なし
その他の参照資料
詳細については、以下を参照してください。