List Items

List items contain a combination of text (primary and subtext), thumbnail images, controls, etc. List items can be adapted to fit a basic or grouped list element.

Usage:

  • Presents information/content items in list views.
  • Provides drilldown navigation.
  • Can be used for actions, for example opening another application.
Basic list items
Basic list items
+ thumbnail/icon
With thumbnail/icon
Core state examples
Core state examples
Framed list items (Single items & Multi-item)
Framed list items
(Single items & Multi-item)

Lists with avatars

64px avatar
64px avatar
80px avatar
80px avatar

Lists with count bubbles

List item (24px)
List item (24px)
List item (32px)
List item (32px)
mCompleter (32px)
Completer (32px)

Inbox list

Example read/unread
Example read/unread