バッジ

ラベル、カウント、ステータス表示のためのインラインバッジ。

基本的な使い方

デフォルト

<span class="kit-badge">デフォルト</span>

セマンティックカラー

PrimarySecondarySuccessWarningDangerInfo

<span class="kit-badge -primary">Primary</span>
<span class="kit-badge -secondary">Secondary</span>
<span class="kit-badge -success">Success</span>
<span class="kit-badge -warning">Warning</span>
<span class="kit-badge -danger">Danger</span>
<span class="kit-badge -info">Info</span>

色名カラー

OrangeDodgerblueDeeppinkLimegreenCrimsonGreenSilverBlack

<span class="kit-badge -orange">Orange</span>
<span class="kit-badge -dodgerblue">Dodgerblue</span>
<span class="kit-badge -deeppink">Deeppink</span>
<span class="kit-badge -limegreen">Limegreen</span>
<span class="kit-badge -crimson">Crimson</span>
<span class="kit-badge -green">Green</span>
<span class="kit-badge -silver">Silver</span>
<span class="kit-badge -black">Black</span>