Badge 件数 · kf-badge
件数。文字の横やサイドバーの右端に置く小さな数字。
12
3
1
HTML
<div class="kf-row">
<span class="kf-badge">12</span>
<span class="kf-badge kf-badge-primary">3</span>
<span class="kf-badge kf-badge-danger">1</span>
<button class="kf-btn">一覧 <span class="kf-badge">12</span></button>
</div>span.kf-badge。目立たせるならkf-badge-primary、人の手が要る件数はkf-badge-danger。- 数字だけ。文字を入れるなら Status を使う。
- 99 を超えたら「99+」。0 のときは出さない。
- 高さ 18px、等幅数字。