<md-list-item>
Lists are continuous, vertical indexes of text or images. Items are placed inside the list.
- Category
- Data
- Built with
Lit- Library
Material Web
- Author
- Package
-
@material/web - Component size
- 7.5 kB JS (minified + gzipped, JS includes dependencies beyond the library)
- Library size
- 6.8 kB JS (shared by every Material Web component, loaded once per page)
- Popular
- 5 out of 5
- Downloads
- 138,923/week · jsDelivr 24,282,713 hits/month (whole @material/web package)
- GitHub stars
- 11,283
- Latest stable version
2.5.0- Last published
- License
- Apache-2.0
Lists consist of one or more list items, and can contain actions represented by icons and text. List items come in three sizes: one-line, two-line, and three-line.
Takeaways:
- Lists should be sorted in logical ways that make content easy to scan, such as alphabetical, numerical, chronological, or by user preference.
- Lists present content in a way that makes it easy to identify a specific item in a collection and act on it.
- Lists should present icons, text, and actions in a consistent format.
Acceptable slot child variants are:
img[slot=end]img[slot=start]