Alertのリファレンス
レイアウトおよびクラス
CSSセレクタ
要素 | CSSクラス | 説明 |
---|---|---|
.alert | .alert-error | 選択されたアラートタイプがErrorの場合 |
.alert | .alert-info | 選択されたアラートタイプがInfoの場合 |
.alert | .alert-success | 選択されたアラートタイプがSuccessの場合 |
.alert | .alert-warning | 選択されたアラートタイプがWarningの場合 |
.alert | .alert-close.is--hidden | ShowCloseButtonパラメータがFalseの場合 |
高度なユースケース
Alertパターンに開始アニメーションを追加する
-
「ShowAlert」という名前のBoolean型のローカル変数を作成し、デフォルト値を「False」に設定します。
-
コンテナをプレビューにドラッグし、名前を付けます(例: AlertAnimation)。
-
コンテナのプロパティで、DisplayをTrueからShowAlertに変更します。
-
Animateパターンをコンテナにドラッグします。
-
EnterAnimationプロパティをEnterTopに変更します。
-
AlertパターンをAnimateプレースホルダにドラッグします。
-
アラートタイプを設定します(必須値)。
-
表示するメッセージを入力します。
-
パブリッシュしてテストします。