From 4f261bfff7bc5101633a065fe30dfbf4d906371a Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 1 Sep 2025 17:25:47 +0300
Subject: [PATCH 1/2] docs(ChipList): Improve ChipList data binding examples

---
 components/chiplist/data-bind.md | 108 +++++++++++++++++++++++++++----
 1 file changed, 94 insertions(+), 14 deletions(-)

diff --git a/components/chiplist/data-bind.md b/components/chiplist/data-bind.md
index 4c85858ce..2bd494317 100644
--- a/components/chiplist/data-bind.md
+++ b/components/chiplist/data-bind.md
@@ -61,6 +61,46 @@ The following example uses property names that work automatically with no additi
             Icon = SvgIcon.Sparkles
         },
         new ChipModel()
+        {
+            Text = "Removable",
+            Removable = true
+        },
+        new ChipModel()
+        {
+            Text = "Disabled",
+            Disabled = true
+        },
+        new ChipModel()
+        {
+            Text = "Solid Info",
+            Icon = SvgIcon.QuestionCircle,
+            ThemeColor = ThemeConstants.Chip.ThemeColor.Info
+        },
+        new ChipModel()
+        {
+            Text = "Solid Success",
+            Icon = SvgIcon.Star,
+            ThemeColor = ThemeConstants.Chip.ThemeColor.Success
+        },
+        new ChipModel()
+        {
+            Text = "Solid Warning",
+            Icon = SvgIcon.ExclamationCircle,
+            ThemeColor = ThemeConstants.Chip.ThemeColor.Warning
+        },
+        new ChipModel()
+        {
+            Text = "Solid Error",
+            Icon = SvgIcon.XOutline,
+            ThemeColor = ThemeConstants.Chip.ThemeColor.Error
+        },
+        new ChipModel()
+        {
+            Text = "Outline Base",
+            Icon = SvgIcon.Sparkles,
+            FillMode = ThemeConstants.Chip.FillMode.Outline
+        },
+        new ChipModel()
         {
             Text = "Outline Info",
             Icon = SvgIcon.QuestionCircle,
@@ -69,24 +109,24 @@ The following example uses property names that work automatically with no additi
         },
         new ChipModel()
         {
-            Text = "Solid Success",
+            Text = "Outline Success",
             Icon = SvgIcon.Star,
-            ThemeColor = ThemeConstants.Chip.ThemeColor.Success
+            ThemeColor = ThemeConstants.Chip.ThemeColor.Success,
+            FillMode = ThemeConstants.Chip.FillMode.Outline
         },
         new ChipModel()
         {
-            Text = "Outline Warning Removable",
+            Text = "Outline Warning",
             Icon = SvgIcon.ExclamationCircle,
             ThemeColor = ThemeConstants.Chip.ThemeColor.Warning,
-            FillMode = ThemeConstants.Chip.FillMode.Outline,
-            Removable = true
+            FillMode = ThemeConstants.Chip.FillMode.Outline
         },
         new ChipModel()
         {
-            Text = "Solid Error Disabled",
+            Text = "Solid Error",
             Icon = SvgIcon.XOutline,
             ThemeColor = ThemeConstants.Chip.ThemeColor.Error,
-            Disabled = true
+            FillMode = ThemeConstants.Chip.FillMode.Outline
         }
     };
 
@@ -126,6 +166,46 @@ The following example uses custom property names that need explicit ChipList con
             ChipIcon = SvgIcon.Sparkles
         },
         new ChipModel()
+        {
+            ChipText = "Removable",
+            ChipRemovable = true
+        },
+        new ChipModel()
+        {
+            ChipText = "Disabled",
+            ChipDisabled = true
+        },
+        new ChipModel()
+        {
+            ChipText = "Solid Info",
+            ChipIcon = SvgIcon.QuestionCircle,
+            ChipThemeColor = ThemeConstants.Chip.ThemeColor.Info
+        },
+        new ChipModel()
+        {
+            ChipText = "Solid Success",
+            ChipIcon = SvgIcon.Star,
+            ChipThemeColor = ThemeConstants.Chip.ThemeColor.Success
+        },
+        new ChipModel()
+        {
+            ChipText = "Solid Warning",
+            ChipIcon = SvgIcon.ExclamationCircle,
+            ChipThemeColor = ThemeConstants.Chip.ThemeColor.Warning
+        },
+        new ChipModel()
+        {
+            ChipText = "Solid Error",
+            ChipIcon = SvgIcon.XOutline,
+            ChipThemeColor = ThemeConstants.Chip.ThemeColor.Error
+        },
+        new ChipModel()
+        {
+            ChipText = "Outline Base",
+            ChipIcon = SvgIcon.Sparkles,
+            ChipFillMode = ThemeConstants.Chip.FillMode.Outline
+        },
+        new ChipModel()
         {
             ChipText = "Outline Info",
             ChipIcon = SvgIcon.QuestionCircle,
@@ -134,24 +214,24 @@ The following example uses custom property names that need explicit ChipList con
         },
         new ChipModel()
         {
-            ChipText = "Solid Success",
+            ChipText = "Outline Success",
             ChipIcon = SvgIcon.Star,
-            ChipThemeColor = ThemeConstants.Chip.ThemeColor.Success
+            ChipThemeColor = ThemeConstants.Chip.ThemeColor.Success,
+            ChipFillMode = ThemeConstants.Chip.FillMode.Outline
         },
         new ChipModel()
         {
-            ChipText = "Outline Warning Removable",
+            ChipText = "Outline Warning",
             ChipIcon = SvgIcon.ExclamationCircle,
             ChipThemeColor = ThemeConstants.Chip.ThemeColor.Warning,
-            ChipFillMode = ThemeConstants.Chip.FillMode.Outline,
-            ChipRemovable = true
+            ChipFillMode = ThemeConstants.Chip.FillMode.Outline
         },
         new ChipModel()
         {
-            ChipText = "Solid Error Disabled",
+            ChipText = "Outline Error",
             ChipIcon = SvgIcon.XOutline,
             ChipThemeColor = ThemeConstants.Chip.ThemeColor.Error,
-            ChipDisabled = true
+            ChipFillMode = ThemeConstants.Chip.FillMode.Outline
         }
     };
 

From 46a0e0741be30e91fc5b380e1579a8108b68fae6 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Mon, 1 Sep 2025 17:28:47 +0300
Subject: [PATCH 2/2] Update components/chiplist/data-bind.md

---
 components/chiplist/data-bind.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/chiplist/data-bind.md b/components/chiplist/data-bind.md
index 2bd494317..bd9b084df 100644
--- a/components/chiplist/data-bind.md
+++ b/components/chiplist/data-bind.md
@@ -123,7 +123,7 @@ The following example uses property names that work automatically with no additi
         },
         new ChipModel()
         {
-            Text = "Solid Error",
+            Text = "Outline Error",
             Icon = SvgIcon.XOutline,
             ThemeColor = ThemeConstants.Chip.ThemeColor.Error,
             FillMode = ThemeConstants.Chip.FillMode.Outline