Label ラベル

Label - サンプル①

Sample Title 重要

Sample Title 10 

<!-- デフォルト -->
<span class="label">             重要</span>
<!-- バッジ -->
<span class="label label--badge"> 10 </span>

Label - サンプル②

  • small
  • default
  • Large 
<!-- Samll -->
<span class="label small"> small </span>
<!-- Default -->
<span class="label">      default</span>
<!-- Large -->
<span class="label large"> Large </span>

Label - サンプル③

  • default
  • info
  • success
  • warning
  • error 
<!-- Default -->
<span class="label">           default</span>
<!-- Info -->
<span class="label is-info">   info   </span>
<!-- Success -->
<span class="label is-success">success</span>
<!-- Warning -->
<span class="label is-warning">warning</span>
<!-- Error -->
<span class="label is-error">  error  </span>

Label - サンプル④

  • left arrow
  • right arrow
  • ribbon left
  • ribbon right
  • default ribbon
  • info ribbon
  • success ribbon
  • warning ribbon
  • error ribbon