Simple list

A simple list provides a list of selectable items that can be shown within a page. Each item is described by a text label. The list may be divided into logical sections by introducing group headers.

Elements

a simple list diagram depicting the locations of the section title, item, default state, and selected state

Section title (optional): Section titles should be a few words. They are more commonly used in grouped lists.
Item: Items are typically single words or short phrases.
Default state: The state of a simple list before any actions or selections are made by the user.
Selected state: A selected state communicates which list item the user has chosen.

Usage

A simple list is used when the information presented does not follow a specific pattern, or does not require bullets to differentiate one list item from another.

View source on GitHub