Divider

A divider is a thin line that groups content in lists and layouts.

Use the .divider class to create a divider:

Page 2
<div class="divider">Page 2</div>

Colors

Give a divider color using a .color utility class:

New Activity
New Activity
<div class="divider color-accent">New Activity</div>
<div class="divider color-activity">New Activity</div>