Notice 知らせ · kf-notice
その場の知らせ。1〜2 文で、何が起きて次に何をするか。
保存しました。2026-10-24 09:00 に保存しました。
確認が要ります。期日が過ぎた項目が 2 件あります。開く
送れませんでした。接続が 3 回続けて失敗しました。時間をおいて試してください。
読み込んでいます。一覧を作っています(3 / 12)。
HTML
<div class="kf-notice kf-notice-ok"><span><b>保存しました。</b>2026-10-24 09:00 に保存しました。</span></div>
<div class="kf-notice kf-notice-warn"><span><b>確認が要ります。</b>期日が過ぎた項目が 2 件あります。<a class="kf-link" href="#">開く</a></span></div>
<div class="kf-notice kf-notice-danger"><span><b>送れませんでした。</b>接続が 3 回続けて失敗しました。時間をおいて試してください。</span></div>
<div class="kf-notice kf-notice-info"><span><b>読み込んでいます。</b>一覧を作っています(3 / 12)。</span></div>- 地は状態の
-soft、太字の冒頭だけ-ink、本文はink。縁はline。左の帯や絵文字は使わない。 ok: 済んだ報告。warn: 人の判断が要る。danger: 失敗した、止まった。info: 進行中、予定。無印は補足。- 操作が要るなら文の末尾に
kf-linkかkf-btn-sm。 - 消えるトーストにしない。読むまで残す。