重要な情報を目出させるUIです。2種類あります。
ノティフィケーションバナー
ノティフィケーションバナーは。ユーザーの操作に関わらず、コンテンツをユーザーに効果的に提示するUIです。
デザインスタイル
ノティフィケーションバナーは2種類のデザインスタイルが用意されています。banner-chipを追加することで、デザインスタイルをカラーチップに変更できます。
スタンダード
登録期間が延長されました
ダミーテキストは、デザインの作成時に使用される仮の文章です。
カラーチップ
登録期間が延長されました
ダミーテキストは、デザインの作成時に使用される仮の文章です。
デザインタイプ
サクセス
操作等の滞りない完了の通知
登録手続きは全て完了しました
ダミーテキストは、デザインの作成時に使用される仮の文章です。
エラー
操作等が正しく完了しなかったことの通知
操作を完了できませんでした
ダミーテキストは、デザインの作成時に使用される仮の文章です。
警告
注意を喚起するための警告、警戒情報等の通知
偽SNSアカウントにご注意ください
ダミーテキストは、デザインの作成時に使用される仮の文章です。
情報
登録期間が延長されました
ダミーテキストは、デザインの作成時に使用される仮の文章です。
緊急時バナー
ユーザーに最優先して伝えたい情報を表示するためのデザインを用意しています。
[緊急]〇〇地区に避難準備情報が発令されました
1時23分に〇〇地区に対して避難準備情報が発令されました。お年寄りの方等避難に時間のかかる方は、直ちに指定避難所へ移動してください。