Tags

By Ken Hawkins

labels typography buttons Requires EBI Visual Framework 1.1.0, 1.2.0

Evolved from a label, is a tag. Meant to be linked and used in sequence.

Contribute a pattern

Have a great way of doing something, add it to the Style Lab. Here's how


Implementation code

Get a zip with all the sample HTML and any spaecial CSS or JS needed: Download a ZIP file More on how to use this

HTML
<p>
  <a href="#" class="tag">A linked tag</a>
  <a href="#" class="tag">A linked tag</a>
  <a href="#" class="tag secondary-background">A not-so-important linked tag</a>
  <a href="#" class="tag">A linked tag</a>
  <a href="#" class="tag">A linked tag</a>
</p>

<p>
  <span class="tag">Tags</span>
  <span class="tag">don't</span>
  <span class="tag">have to be</span>
  <span class="tag">links, but</span>
  <span class="tag">should never be alone</span>
  <span class="tag secondary-background">(and maybe non-links should be less colourful)</span>
</p>



JS