From 7c7311c4c121318574f5fa00a41eefa419a7131c Mon Sep 17 00:00:00 2001
From: Anandh-SF4665 <anandh.ganesan@syncfusion.com>
Date: Fri, 12 Sep 2025 09:41:17 +0530
Subject: [PATCH] Updated the README.md file

---
 README.md | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/README.md b/README.md
index 1eae436..140ba96 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,62 @@
 **[View document in Syncfusion .NET MAUI Knowledge Base](https://www.syncfusion.com/kb/13130/how-to-add-expand-or-collapse-icon-in-the-group-header-of-net-maui-listview-sflistview)**
+
+## Sample
+
+```xaml
+<ContentPage.Resources>
+    <ResourceDictionary>
+        <local:BoolToImageConverter x:Key="BoolToImageConverter"/>
+    </ResourceDictionary>
+</ContentPage.Resources>
+
+<ListView:SfListView x:Name="listView"
+                    ItemSize="70" 
+                    GroupHeaderSize="50"
+                    SelectionMode="Single"
+                    IsStickyGroupHeader="True"
+                    ItemsSource="{Binding ContactsInfo}"
+                    AllowGroupExpandCollapse="True">
+
+    <ListView:SfListView.GroupHeaderTemplate>
+        <DataTemplate>
+        <StackLayout Orientation="Horizontal" BackgroundColor="#E4E4E4">
+            <Image Source="{Binding IsExpand, Converter={StaticResource BoolToImageConverter}}" HeightRequest="30" WidthRequest="30" VerticalOptions="Center" Margin="10,0"/>
+        </StackLayout>
+        </DataTemplate>
+    </ListView:SfListView.GroupHeaderTemplate>
+
+    <ListView:SfListView.ItemTemplate>
+        <DataTemplate>
+            <code>
+            . . .
+            . . .
+            <code>
+        </DataTemplate>
+    </ListView:SfListView.ItemTemplate>
+</ListView:SfListView>
+
+C#:
+
+ListView.DataSource.GroupDescriptors.Add(new GroupDescriptor()
+{
+    PropertyName = "ContactName",
+    KeySelector = (object obj1) =>
+    {
+        var item = (obj1 as ListViewContactInfo);
+        return item.ContactName[0].ToString();
+    },
+});
+
+public class BoolToImageConverter : IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        return (bool)value ? "group_expand.png" : "group_collapse.png";
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
+}
+```
\ No newline at end of file