List

Lab component

Also known as

Listbox, Menu, Option List, Selection List

ListNext and ListItemNext allow the user to select an item from an array of options. Selected items are visually distinct from nonselected items. To ensure efficient space usage, long lists of items are in a scrolling pane that can provide access to options not immediately visible to the user.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
Density
Mode

The default list allows a user to make a single selection from the options available.

If the options within the list aren't applicable or relevant to the current user, you can present the list as disabled.

The user retains the ability to scroll through the list items but can’t make a selection. If a list already has an item selected, for instance, as a default selection, it will display as such; the user can view it but can’t change the state.