From 54fce2ce021e6905cea81377b3c068581a1f25ac Mon Sep 17 00:00:00 2001 From: Your Name Date: Fri, 22 Nov 2024 17:42:29 +0330 Subject: [PATCH 1/2] fix(material/list): add example of matListItemMeta for meta section icon resolves #26415 --- src/material/list/list.md | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/src/material/list/list.md b/src/material/list/list.md index c1c86b453b30..7206b14e2fa7 100644 --- a/src/material/list/list.md +++ b/src/material/list/list.md @@ -158,6 +158,28 @@ To add an icon to your list item, use the `matListItemIcon` attribute. ``` +### Lists with meta section icons + +To add a meta icon to your list item, use the `matListItemMeta` directive. This allows you to display an icon or any other content in the meta section of the list item. + + +```html + + @for (message of messages; track message) { + +
+ folder +
+

{{message.from}}

+

+ {{message.subject}} + -- {{message.content}} +

+
+ } +
+``` + ### Lists with avatars To include an avatar image, add an image tag with an `matListItemAvatar` attribute. From 00d3649d4aeb0af9c8cc127a9d9e779a6f0c67fc Mon Sep 17 00:00:00 2001 From: Your Name Date: Sat, 23 Nov 2024 11:57:56 +0330 Subject: [PATCH 2/2] fix(material/list): fix indentation --- src/material/list/list.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/material/list/list.md b/src/material/list/list.md index 7206b14e2fa7..e6a7ed85d9d6 100644 --- a/src/material/list/list.md +++ b/src/material/list/list.md @@ -168,7 +168,7 @@ To add a meta icon to your list item, use the `matListItemMeta` directive. This @for (message of messages; track message) {
- folder + folder

{{message.from}}