• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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">&nbsp;</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