Heartwood

Text List: Subtitle 

<div class="list-header">
    <div class="list-header__text">
        <h3 class="list-header__title">Holidays</h3>
    </div>
</div>
<ul class="list text-list">
    <li class="list-item">

        <div class="list-item__text-wrapper">
            <p class="list-item__title">Wed, Nov 28, 2018</p>
            <p class="list-item__subtitle">Closed</p>
        </div>
    </li>
</ul>
 
{{> @list-header listHeaderTitle=listHeaderTitle}}
{{> @list}}
 
{
  "parentClass": "text-list",
  "listHeaderTitle": "Holidays",
  "items": [
    {
      "title": "Wed, Nov 28, 2018",
      "subtitle": "Closed"
    }
  ]
}

Text List

When to use:

Use a Text List for information that doesn’t need to be accompanied by a user image.

When not to use: