1page.title=Lists 2@jd:body 3 4<p>Lists present multiple line items in a vertical arrangement. They can be used for data selection as 5well as drilldown navigation.</p> 6 7<div class="vspace size-1"> </div> 8 9<div class="layout-content-row clearfix"> 10 <div class="layout-content-col span-9"> 11 12 <img src="{@docRoot}design/media/lists_main.png"> 13 14 </div> 15 <div class="layout-content-col span-4 with-callouts"> 16 17<ol> 18<li> 19<h4>Section Divider</h4> 20<p>Use section dividers to organize the content of your list into groups and facilitate scanning.</p> 21</li> 22<li> 23<h4>Line Items</h4> 24<p>List items can accommodate a wide range of data types in different arrangements, including 25 simple single-line items, multi-line items, and custom items with icons, checkboxes, and action 26 buttons.</p> 27</li> 28</ol> 29 30 </div> 31</div> 32
