検索

メニュー

緊急時バナー ( 概要 )

スクリーンショット:緊急時バナーのデスクトップ表示とモバイル表示のパターン。

緊急時バナーは、当該ウェブサイトで本来成すべきコミュニケーションを中断してでもファーストビューを占有して注意を促すためのコンポーネントです。たとえばユーザーの生命や財産に影響をもたらすような事象が発生して直ちに知らせなければならないような緊急性の高い告知のために使用します。緊急時バナーはより迅速にメッセージを伝達するためのコンポーネントであり、最もシンプルな構造での実装ですべてのユーザーが確実に認知できることを最優先したスタイルとなっています。

※長期間にわたり掲載する必要のあるメッセージの場合は、ノティフィケーションバナーを使用します。

各種リソース

種別 リソース 状態
デザイン Figmaデザインデータ(v2) 提供中
HTML版実装 ソースコード(GitHub) 提供中
サンプル(Storybook) 提供中
React版実装 ソースコード(GitHub) 提供中
サンプル(Storybook) 提供中