List items

This article describes the implementation of list items. List items are typically used to navigate to a new screen, or to display information or controls.


A standard list item loads a new view when tapped. It can also contain information such as text labels (A), secondary labels (B), time stamps (C) and visual indicators such as icons and avatars (D).

List items may also contain actionable controls (E) and status/description information (G). In this case they do not load a new view.

When combinations of different list items are being used, such as in the above example, list items that open new views should be indicated with a chevron. (List item F).

List items with multiple functions will have a vertical line (H) to separate the different functions.

Implementation guides

Document Tags and Contributors

 Contributors to this page: chrisdavidmills, sidgan, chrisdavidmills-github
 Last updated by: chrisdavidmills,