uwc-list components are continuous, vertical indexes of text or images.
  • Order lists in logical ways to help users find a specific item ( numerical or alphabetical).
  • Keep items short and easy to scan.
  • Activatable lists (i.e. selectable lists - ones with activatable set true) and child items need non-default aria roles specifying.
  • Provide these properties (innerRole, itemRoles, innerAriaLabel) as directed in the Code tab's property descriptions.
  • Tab key navidates to the first list item or selected element in the list.
  • Arrow keys move up or down between list items.
  • Space or Enter selects a list item not yet selected.

The <uwc-list> component inherits from mwc-list (Material Web Components).

Related components: