AX - アラート
概要
AX - アラート これは、Experience Sites ページ上でポータルユーザーに重要なメッセージや通知を表示する Experience Cloud コンポーネントです。
システムアラート、エラーメッセージ、警告、成功確認、または時間制限のあるお知らせを表示するために使用します。アラートをいつ表示するか、何を伝えるか、どのように表示するかを制御できます。これらはすべてコードなしで Experience Builder 内で設定できます。
ポータルのメンテナンス通知、フォーム送信の確認、アカウント状態のアラート、または顧客ポータルやパートナーポータルでユーザーを手順に沿って案内するのに最適です。

設定
バリアント
「variant」属性を使用すると、Avonni Alert コンポーネントの外観をカスタマイズして、伝えたいアラートの種類をより適切に反映できます。使用可能なバリアントは次のとおりです。
エラー:重大な通知や問題向け。ベース:標準的な汎用アラート。オフライン:接続性または利用可能性に関する懸念を示します。警告:注意が必要だが、重大ではないアラート向け。
より明確なユーザー理解のために、伝えたいメッセージに合ったバリアントを選択してください。
コンテンツ
「content」属性は、Avonni Alert コンポーネントで伝えたい主要なメッセージや情報を指定します。アラート内に表示されるテキスト内容を保持し、ユーザーに特定の通知や状況を知らせたり認識させたりします。
アイコン名
「icon name」属性を使用すると、Avonni Alert コンポーネントに特定のアイコンを設定できます。アイコン名を指定することで、アラートの性質や文脈を視覚的に表現でき、明瞭さが向上し、メッセージへユーザーの注意をすぐに引き付けることができます。
アイコンサイズ
Avonni Alert コンポーネントの「icon size」属性では、アイコンのサイズを制御できます。
XXS:さりげなく強調するための超小サイズ。
XS:最小限の目立ち方をする超小サイズ。
小:適度な視認性を持つ控えめなサイズ。
中:バランスの取れた視認性の標準サイズ。
大:最大の視覚的インパクト向け。
閉じることが可能
「Is Dismissible」属性を有効にすると、ユーザーはインターフェース上の Avonni Alert を閉じたり、解除したりできます。有効化すると、アラート上に閉じるボタンが表示され、ユーザーが手動で削除できます。
間隔
Avonni Alert コンポーネントのスペーシングスタイル設定では、余白を調整できます。
ブロック開始:上余白を設定します。
ブロック終了:下余白を調整します。
インライン開始:左余白を設定します。
インライン終了:右余白を変更します。
背景
Avonni Alert コンポーネントの背景スタイル設定では、背景をカスタマイズできます。
色:背景に単色を選択します。
線形グラデーション:動きのある、見た目に魅力的なグラデーション効果を得るにはこのオプションを選択します
テキスト
Avonni Alert コンポーネントのテキストスタイル設定では、テキストをカスタマイズできます。
色:可読性を高めるためにテキスト色を変更します。
フォントの太さ:強調のためにフォントの太さを選択します。
水平方向の配置:アラート内で最適に表示されるように、テキストの配置を選択します
枠線
Avonni Alert コンポーネントの境界線スタイル設定では、境界線の外観をカスタマイズするオプションを提供します。
色:境界線の色を選択します。
サイズ:境界線の太さを選択します。
スタイル:さまざまなスタイルで全体的な見た目や雰囲気を決定します
アイコン
Avonni Alert コンポーネントのアイコンスタイル設定では、アイコンの外観をさまざまにカスタマイズできます。
背景色:アイコンの背後にある背景色を変更します。
前景色:アイコンのメインカラーを変更します。
前景の閉じるアイコン:アラートを閉じるためのアイコンの色を指定します。
前景色ユーティリティ:視認性とコントラストを高めるために、さらに色を調整します
一部のスタイル属性は動的に....
最終更新
役に立ちましたか?

