List

The lists component is used to display information. List present content in a way that makes it easy to identify a specific item in a collection. They provide a consistent styling for organizing groups of text and images.

Introduction

A list consists of a single continuous column of subdivisions called rows that contain a collection of items of the same type.

  • item 1
  • item 2
  • item 3

Select

List can be single-select if a user is choosing between a set of options.

  • item 1
  • item 2
  • item 3

Examples

Narrow with avatar group:

  • Kristen Ramos

    kristen.ramos@example.com

  • Calvin Hawkins

    calvin.hawkins@example.com

  • Ted Fox

    ted.fox@example.com