バナー

重要な情報を目出させるUIです。2種類あります。

ノティフィケーションバナー

ノティフィケーションバナーは。ユーザーの操作に関わらず、コンテンツをユーザーに効果的に提示するUIです。

デザインスタイル

ノティフィケーションバナーは2種類のデザインスタイルが用意されています。banner-chipを追加することで、デザインスタイルをカラーチップに変更できます。

スタンダード

カラーチップ

デザインタイプ

サクセス

操作等の滞りない完了の通知

エラー

操作等が正しく完了しなかったことの通知

警告

注意を喚起するための警告、警戒情報等の通知

情報

緊急時バナー

ユーザーに最優先して伝えたい情報を表示するためのデザインを用意しています。