Status 状態 · `kf-status`

状態のピル。点 + 言葉。色は意味を持つ 4 つだけで、必ず言葉を伴う。

完了確認待ち期限切れ進行中下書き

クラスkf-rowkf-statuskf-status-dangerkf-status-infokf-status-okkf-status-warn

HTML

<div class="kf-row">
  <span class="kf-status kf-status-ok">完了</span>
  <span class="kf-status kf-status-warn">確認待ち</span>
  <span class="kf-status kf-status-danger">期限切れ</span>
  <span class="kf-status kf-status-info">進行中</span>
  <span class="kf-status">下書き</span>
</div>

ok: 済んだ(完了、保存済み、正常)。warn: 人の手が要る、期限が近い、確認待ち。danger: 失敗、期限切れ、却下。info: 進行中、お知らせ。無印は中立(下書き、未着手)。
文字は名詞か「〜済み」「〜待ち」で 6 文字まで。
1 画面で同じ状態に同じ言葉を使う(「完了」と「済み」を混ぜない)。
補助: Kafune.statusHtml('warn', '確認待ち')。

Status 状態 · kf-status

Status 状態 · `kf-status`