ClearFractal

Metadata: Pill Style 

<dl class="Metadata">
    <dt class="Metadata-heading">Our team</dt>
    <dd class="Metadata-description Pill">Miss Cade Friesen, Future Security Architect</dd>
    <dd class="Metadata-description Pill">Jennyfer Kuhic, Customer Identity Technician</dd>
    <dd class="Metadata-description Pill">Magnus Terry, Central Creative Facilitator</dd>
    <dd class="Metadata-description Pill">Kris Wisozk, National Integration Planner</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": "Miss Cade Friesen, Future Security Architect"
    },
    {
      "metadata": "Jennyfer Kuhic, Customer Identity Technician"
    },
    {
      "metadata": "Magnus Terry, Central Creative Facilitator"
    },
    {
      "metadata": "Kris Wisozk, National Integration Planner"
    }
  ],
  "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.