From e38a0adc7e30784776abd5be11e0102dbee81f24 Mon Sep 17 00:00:00 2001
From: Your Name <im100ra@gmail.com>
Date: Fri, 22 Nov 2024 17:18:50 +0330
Subject: [PATCH] fix(docs): add example for adding icon in meta section using
 matListItemMeta directive

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.
 </mat-list>
 ```
 
+### 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
+<mat-list>
+  @for (message of messages; track message) {
+    <mat-list-item>
+      <div matListItemMeta>
+      <mat-icon>folder</mat-icon>
+      </div>
+      <h3 matListItemTitle>{{message.from}}</h3>
+      <p matListItemLine>
+        <span>{{message.subject}}</span>
+        <span class="demo-2"> -- {{message.content}}</span>
+      </p>
+    </mat-list-item>
+  }
+</mat-list>
+```
+
 ### Lists with avatars
 
 To include an avatar image, add an image tag with an `matListItemAvatar` attribute.