通知
ブロックレベルの通知メッセージとフラッシュバナー。
通知
重要な情報を含むデフォルト通知。
html
<div class="kit-notice">重要な情報を含むデフォルト通知。</div>通知バリアント
操作が正常に完了しました。
続行する前にご確認ください。
エラーが発生しました。
参考となる情報です。
ダークスタイルの通知。
html
<div class="kit-notice -success">操作が正常に完了しました。</div>
<div class="kit-notice -warning">続行する前にご確認ください。</div>
<div class="kit-notice -danger">エラーが発生しました。</div>
<div class="kit-notice -info">参考となる情報です。</div>
<div class="kit-notice -dark">ダークスタイルの通知。</div>フラッシュ
画面幅いっぱいのバナー通知。
デフォルトフラッシュメッセージ
成功しました！
エラーが発生しました
html
<div class="kit-flash">デフォルトフラッシュメッセージ</div>
<div class="kit-flash -success">成功しました！</div>
<div class="kit-flash -danger">エラーが発生しました</div>