The simplest label is just some text:

<div class="c-label">News</div>

It can have an preceding icon:

<div class="c-label"><i class="c-icon c-icon--before c-icon--newspaper-o"></i>News</div>

And it can be a link if required:

News

<a class="c-label" href="#"><i class="c-icon c-icon--before c-icon--newspaper-o"></i>News</a>

Options

Atoms

• label
  • content - [String] the stuff to go in the tag (required)
  • icon - [String|icon] an icon to represent it
  • link - [String] the URL the label should link to