Structured List

Lists are used to organize a set of items into a single, cohesive unit, typically displayed as a series of options or links. List items begin with either a number or a bullet.

Compnent Demo

Column 01

Column 02

Column 03

Row 01

Row 02

<div class="structured-list">
<div class="list-head">
<div class="list-head-row">
<div class="list-col">Column 01</div>
<div class="list-col">Column 02</div>
<div class="list-col">Column 03</div>
</div>
</div>
<div class="list-body">
<div class="list-body-row">
<div class="list-col">Row 01</div>
<div class="list-col">Row 01</div>
<div class="list-col">Row 01</div>
</div>
<div class="list-body-row">
<div class="list-col">Row 02</div>
<div class="list-col">Row 02</div>
<div class="list-col">Row 02</div>
</div>
</div>
</div>