menu
List
  1. home Dashboard
  2. UI Elements
  3. List
Basic List
Item 1
Item 2
Item 3
List with Single Selection
Boots
Clogs
Loafers
Moccasins
Sneakers

Option selected: None

List with Sections
Folders
folder
Photos
Jan 1, 2024
 folder
Recipes
Jan 17, 2024
 folder
Work
Jan 28, 2024
Notes
note
Vacation Itinerary
Feb 20, 2024
 note
Kitchen Remodel
Jan 18, 2024
List with Selection
Boots
Clogs
Loafers
Moccasins
Sneakers

Options selected: 0

List Variants
Single line lists
This is the title
Also the title
Two line lists
TitleSecond line
TitleSecond line
Title Second line
Three line lists
TitleSecond lineThird line
TitleSecond line. This line will truncate.Third line
TitleSecond line. This line will truncate. Third line
Three line list with secondary text wrapping
Title Secondary line that will wrap because the list lines is explicitly set to 3 lines. Text inside of a `matListItemTitle` or `matListItemLine` will never wrap.
Title Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est