• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
B2G OS
  1. MDN
  2. Archive of obsolete content
  3. B2G OS
  4. Firefox OS apps
  5. Firefox OS Building Blocks
  6. List items

List items

In This Article
  1. Notes
  2. Implementation guides

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.

Notes

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

  • List items 2.0 implementation
  • List items 1.x implementation

Document Tags and Contributors

Tags: 
  • B2G
  • building blocks
  • Design
  • Firefox OS
  • Gaia
  • list items
  • lists
 Contributors to this page: chrisdavidmills, sidgan, chrisdavidmills-github
 Last updated by: chrisdavidmills, Feb 27, 2017, 2:57:30 AM