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