<div class="list-header">
    <div class="list-header__text">
        <h3 class="list-header__title">Text List</h3>
    </div>
</div>
<ul class="list text-list">
    <li class="list-item list-item-title-only">

        <div class="list-item__text-wrapper">
            <p class="list-item__title">Send me a reminder before each shift</p>
        </div>
    </li>
</ul>
{{> @list-header listHeaderTitle=listHeaderTitle}}
{{> @list}}
{
  "parentClass": "text-list",
  "listHeaderTitle": "Text List",
  "items": [
    {
      "title": "Send me a reminder before each shift"
    }
  ]
}

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: