The component may be part of a page layout or in a Popover. They also often appear as a sub-component within a larger element, such as a Drop-Down down Menu, Drag and dropDrop, or Combo boxBox.

Types

Type	Image	Usage
Simple list		The most common list is a flat collection of objects.
Check box list		A list where the user can select multiple options.
Tree list		A hierarchical list with expanding and collapsing nodes which contain nested items. See the Tree page.

Usage &

...

...

Alphabetical. If there are more than 8 options available, sort them alphabetically. This helps the user to find the right option quickly. Sort currencies, names, and similar content alphabetically.
Numeric. Sort numeric values in a sequential order, with the lowest number first.
Chronological. Sort time-related information into chronological order, with the most recent first.

...

	Interaction	Screenshot
Single Selection	Only one item can be selected. Clicking anywhere on the item row will select it. One item must always be selected. Selecting an item will automatically deselect the previously-selected item.
Multi-select check boxes	Clicking on a check box will select or deselect an item. This can be repeated for multiple items in the list. Items can also be selected by holding the ctrl or shift keys on the keyboard and clicking anywhere on the item.
Smart Selection	On hover anywhere over an item, a check box appears. Clicking anywhere on the item row will select it. As with Single selection, selecting an item in this way will automatically deselect the previously-selected item. Additionally, the user can select multiple items in one of two ways: By directly checking any item check boxes. By holding the ctrl or shift keys on the keyboard and clicking anywhere on the item. In this case: clicking any other items (either the checkbox check box or the label) will add it to selected itemsAn “Apply” buttons appearsselect them. an Apply button will appear, allowing the user to apply the selected items.

When scrolling, the title and Search bar should stick to the top and remain visible.

...