BadgesBadges

The badge module is meant to convey secondary information such as the category of a media item, a quantity associated with a list item, etc.

Default badgeDefault badge

label label
label label 

  <span class="badge">label</span>
  <a class="badge themed" href="#">label</a>
  <br>
  <span class="badge badge-quiet">label</span>
  <a class="badge badge-quiet themed" href="#">label</a>

Information badgesInformation badges

Error Warning Success Info Neutral
Error Warning Success Info Neutral 

  <span class="badge badge-error">Error</span>
  <span class="badge badge-warning">Warning</span>
  <span class="badge badge-success">Success</span>
  <span class="badge badge-info">Info</span>
  <span class="badge badge-neutral">Neutral</span>
  <br>
  <span class="badge badge-quiet badge-error">Error</span>
  <span class="badge badge-quiet badge-warning">Warning</span>
  <span class="badge badge-quiet badge-success">Success</span>
  <span class="badge badge-quiet badge-info">Info</span>
  <span class="badge badge-quiet badge-neutral">Neutral</span>

Action badgesAction badges

Create Update Delete More
Create Update Delete More 

  <span class="badge badge-create">Create</span>
  <span class="badge badge-update">Update</span>
  <span class="badge badge-delete">Delete</span>
  <span class="badge badge-more">More</span>
  <br>
  <span class="badge badge-quiet badge-create">Create</span>
  <span class="badge badge-quiet badge-update">Update</span>
  <span class="badge badge-quiet badge-delete">Delete</span>
  <span class="badge badge-quiet badge-more">More</span>