<md-item>
An item layout component that can be used inside list items to give them their customizable structure.
- Category
- Layout
- Built with
Lit- Library
Material Web
- Author
- Package
-
@material/web - Component size
- 1.2 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,226,684 hits/month (whole @material/web package)
- GitHub stars
- 11,283
- Latest stable version
2.5.0- License
- Apache-2.0
An item layout component that can be used inside list items to give them their customizable structure.
<md-item> does not have any functionality, which must be added by the
component using it.
All text will wrap unless white-space: nowrap is set on the item or any of
its children.
Slots available:
<default>: The headline, or custom content.headline: The first line.supporting-text: Supporting text lines underneath the headline.trailing-supporting-text: A small text snippet at the end of the item.start: Any leading content, such as icons, avatars, or checkboxes.end: Any trailing content, such as icons and buttons.container: Background container content, intended for adding additional styles, such as ripples or focus rings.