Skip to main content


A list can be used to display content related to a single subject.

Lists Example


Lists are used to present information in well-formed and organized way. The user can view or take action on list line items. A list displays related content in a vertical format. A list is typically the focus of the screen and composes the main body of the screen layout. Lists are composed of list items. List items should be of a similar and obvious category of information (i.e., a list of design files, or a list of point locations). A list item contains at least a label in a consistent format that helps the user to scan and read the content efficiently.


Use when

  • Creating vertical navigation.
  • Displaying options within a menu.

Don’t use when

  • Displaying tabular data. Instead, use a Table.
  • Making lists of uncategorized information. Use groups of list items to organize similar content.
What's changed
Date Version Notes Contributors
01/16/2023 1.0.0 New component added. D. Bedick, E. Bohn, N. Cadsawan, E. Gunther, I. Perez, J. A. Provin Silva, L. Saenz, C. Starbird, R. Stillwell, S. Kaukonen, N. Byati