ClearFractal

Metadata: Pill Style 

<dl class="Metadata">
    <dt class="Metadata-heading">Our team</dt>
    <dd class="Metadata-description Pill">Norma Bernhard, Dynamic Security Consultant</dd>
    <dd class="Metadata-description Pill">Karina Sipes, Principal Security Producer</dd>
    <dd class="Metadata-description Pill">Benny Murazik, Central Solutions Designer</dd>
    <dd class="Metadata-description Pill">Kenton Corkery, Regional Optimization Representative</dd>
</dl>
<!--/.MetaData-->
 
<dl class="Metadata">
    <dt class="Metadata-heading">{{metadataHeading}}</dt>
    {% for item in items %}
    <dd class="Metadata-description{% if metadataPill %} Pill{% endif %}">{{item.metadata}}</dd>
    {% endfor %}
</dl><!--/.MetaData-->
 
{
  "metadataHeading": "Our team",
  "items": [
    {
      "metadata": "Norma Bernhard, Dynamic Security Consultant"
    },
    {
      "metadata": "Karina Sipes, Principal Security Producer"
    },
    {
      "metadata": "Benny Murazik, Central Solutions Designer"
    },
    {
      "metadata": "Kenton Corkery, Regional Optimization Representative"
    }
  ],
  "metadataPill": true
}

The MetaData pattern typically accompanies another section of content and its job is to show meta information. The content of the MetaData pattern should be very short, usually only a few words. It could take the form of a definition list.