From 802b4de52e73c487dbc5b4da6d4d58348a31cfbd Mon Sep 17 00:00:00 2001
From: NansiYancheva <nansi.qncheva@abv.bg>
Date: Wed, 23 Oct 2024 17:46:27 +0300
Subject: [PATCH 1/2] docs(ToolBar): add FillMode documentation

---
 components/toolbar/appearance.md | 38 +++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/components/toolbar/appearance.md b/components/toolbar/appearance.md
index 82fe1079d8..4dc6e54c24 100644
--- a/components/toolbar/appearance.md
+++ b/components/toolbar/appearance.md
@@ -12,6 +12,41 @@ position: 35
 
 This article outlines the available ToolBar parameters, which control its appearance.
 
+## FillMode
+
+The `FillMode` parameter controls if the ToolBar will have a background and borders. To set the parameter value, use the `string` members of the static class `ThemeConstants.ToolBar.FillMode`.
+
+| `FillMode` Class Member | String Value |
+| --- | --- |
+| `Flat` | `"flat"` |
+| `Solid` (default) | `"solid"` |
+| `Outline` | `"outline"` |
+
+>caption The built-in fill modes
+
+````CSHTML
+@{
+    var fields = typeof(Telerik.Blazor.ThemeConstants.ToolBar.FillMode)
+        .GetFields(System.Reflection.BindingFlags.Public
+            | System.Reflection.BindingFlags.Static
+            | System.Reflection.BindingFlags.FlattenHierarchy)
+        .Where(field => field.IsLiteral && !field.IsInitOnly).ToList();
+
+    foreach (var field in fields)
+    {
+        string fillMode = field.GetValue(null).ToString();
+
+        <div style="float:left; margin: 20px;">
+            <TelerikToolBar FillMode="@fillMode">
+                <ToolBarButton Icon="@SvgIcon.Cut">Cut</ToolBarButton>
+                <ToolBarButton Icon="@SvgIcon.Copy">Copy</ToolBarButton>
+                <ToolBarButton Icon="@SvgIcon.Clipboard">Paste</ToolBarButton>
+            </TelerikToolBar>
+        </div>
+    }
+}
+````
+
 ## Size
 
 You can increase or decrease the size of the ToolBar by setting the `Size` parameter to a member of the `Telerik.Blazor.ThemeConstants.ToolBar.Size` class:
@@ -27,7 +62,8 @@ You can increase or decrease the size of the ToolBar by setting the `Size` param
 ````CSHTML
 @{
     var fields = typeof(Telerik.Blazor.ThemeConstants.ToolBar.Size)
-        .GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static
+        .GetFields(System.Reflection.BindingFlags.Public 
+        | System.Reflection.BindingFlags.Static
         | System.Reflection.BindingFlags.FlattenHierarchy)
         .Where(field => field.IsLiteral && !field.IsInitOnly).ToList();
 

From 141a0b168063c604796361ab156b7cc31fcd0221 Mon Sep 17 00:00:00 2001
From: NansiYancheva <nansi.qncheva@abv.bg>
Date: Wed, 30 Oct 2024 16:07:19 +0200
Subject: [PATCH 2/2] docs(Toolbar): update after review

---
 components/toolbar/appearance.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/toolbar/appearance.md b/components/toolbar/appearance.md
index 4dc6e54c24..0100002ec0 100644
--- a/components/toolbar/appearance.md
+++ b/components/toolbar/appearance.md
@@ -18,8 +18,8 @@ The `FillMode` parameter controls if the ToolBar will have a background and bord
 
 | `FillMode` Class Member | String Value |
 | --- | --- |
-| `Flat` | `"flat"` |
 | `Solid` (default) | `"solid"` |
+| `Flat` | `"flat"` |
 | `Outline` | `"outline"` |
 
 >caption The built-in fill modes