diff --git a/components/toolbar/appearance.md b/components/toolbar/appearance.md index 82fe1079d8..0100002ec0 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 | +| --- | --- | +| `Solid` (default) | `"solid"` | +| `Flat` | `"flat"` | +| `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(); + +
+ + Cut + Copy + Paste + +
+ } +} +```` + ## 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();