docs(ChipList): Improve ChipList data binding examples

Author: dimodi

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
         }
     };