Skip to main content

Lists

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

Lists Example

Overview

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.

Usage

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
Last updated January 30, 2024.