docs(icons): icons chunk

svdimitr · jivanova · commit 819a6db00a8b · 2023-01-17T22:42:58.000+02:00
diff --git a/components/breadcrumb/overview.md b/components/breadcrumb/overview.md
@@ -45,7 +45,7 @@ To use a Telerik Breadcrumb for Blazor:
     {
         Items = new List<BreadcrumbItem>
         {
-            new BreadcrumbItem { Text = "Home", Icon = "home" },
+            new BreadcrumbItem { Text = "Home", Icon = FontIcon.Home },
             new BreadcrumbItem { Text = "Products"},
             new BreadcrumbItem { Text = "Computer peripherals"},
             new BreadcrumbItem { Text = "Keyboards"},
diff --git a/components/breadcrumb/separator.md b/components/breadcrumb/separator.md
@@ -34,7 +34,7 @@ Furthermore, you can take full control over the Separator rendering with the [Se
     {
         Items = new List<BreadcrumbItem>
         {
-            new BreadcrumbItem { Text = "Home", Icon = "home" },
+            new BreadcrumbItem { Text = "Home", Icon = FontIcon.Home },
             new BreadcrumbItem { Text = "Products"},
             new BreadcrumbItem { Text = "Computer peripherals"},
             new BreadcrumbItem { Text = "Keyboards"}
diff --git a/components/contextmenu/navigation.md b/components/contextmenu/navigation.md
@@ -47,7 +47,7 @@ To use the Context Menu for navigating between pages:
             {
                 Text = "Contact us",
                 Url = "/contacts",
-                Icon = "email"
+                Icon = FontIcon.Envelop
             },
             new MenuModel()
             {
@@ -66,7 +66,7 @@ To use the Context Menu for navigating between pages:
                     {
                         Text = "Language Settings",
                         Url = "/language",
-                        Icon = "globe"
+                        Icon = FontIcon.Globe
                     }
                 }
             }
diff --git a/components/contextmenu/overview.md b/components/contextmenu/overview.md
@@ -52,7 +52,7 @@ In addition to built-in [navigation capabilities]({%slug contextmenu-navigation%
             new ContextMenuItem
             {
                 Text = "More Info",
-                Icon = "information",
+                Icon = FontIcon.InfoCircle,
                 CommandName = "info"
             },
             new ContextMenuItem
@@ -67,13 +67,13 @@ In addition to built-in [navigation capabilities]({%slug contextmenu-navigation%
                     new ContextMenuItem
                     {
                         Text = "Delete",
-                        Icon = "delete",
+                        Icon = FontIcon.Trash,
                         CommandName = "delete"
                     },
                     new ContextMenuItem
                     {
                         Text = "Report",
-                        Icon = "cancel",
+                        Icon = FontIcon.Cancel,
                         CommandName = "report"
                     }
                 }
diff --git a/components/drawer/events.md b/components/drawer/events.md
@@ -55,8 +55,8 @@ The `SelectedItemChanged` event fires every time the user clicks on a new item f
     public IEnumerable<DrawerItem> Data { get; set; } =
         new List<DrawerItem>
         {
-            new DrawerItem { Text = "Counter", Icon = "plus"},
-            new DrawerItem { Text = "FetchData", Icon = "grid-layout"},
+            new DrawerItem { Text = "Counter", Icon = FontIcon.Plus},
+            new DrawerItem { Text = "FetchData", Icon = FontIcon.GridLayout},
                 };
 
     public class DrawerItem
diff --git a/components/drawer/navigation.md b/components/drawer/navigation.md
@@ -42,10 +42,10 @@ To use the Drawer for navigating between pages:
     List<DrawerItem> NavigablePages { get; set; } =
         new List<DrawerItem>
         {
-            new DrawerItem { Text = "Home", Url = "/", Icon = "home" },
+            new DrawerItem { Text = "Home", Url = "/", Icon = FontIcon.Home },
             new DrawerItem { Separator = true },
-            new DrawerItem { Text = "Counter", Url = "counter", Icon = "plus-outline" },
-            new DrawerItem { Text = "FetchData", Url = "fetchdata", Icon = "grid" }
+            new DrawerItem { Text = "Counter", Url = "counter", Icon = FontIcon.PlusOutline },
+            new DrawerItem { Text = "FetchData", Url = "fetchdata", Icon = FontIcon.Grid }
         };
 
     public class DrawerItem
diff --git a/components/drawer/templates.md b/components/drawer/templates.md
@@ -55,9 +55,9 @@ This template receives a `context` argument that is of the data model type and r
     public bool Expanded { get; set; } = true;
     public IEnumerable<DrawerItem> Data { get; set; } = new List<DrawerItem>
     {
-        new DrawerItem {Text = "Shopping Cart", Icon = "cart", Description = "Items in shopping cart"},
-        new DrawerItem {Text = "Notifications", Icon = "notification", Description = "My profile notifications"},
-        new DrawerItem {Text = "Calendar", Icon = "calendar", Description = "My events"},
+        new DrawerItem {Text = "Shopping Cart", Icon = FontIcon.Cart, Description = "Items in shopping cart"},
+        new DrawerItem {Text = "Notifications", Icon = FontIcon.Bell, Description = "My profile notifications"},
+        new DrawerItem {Text = "Calendar", Icon = FontIcon.Calendar, Description = "My events"},
         new DrawerItem {Text = "Settings", Icon = FontIcon.Gear, Description = "My profile settings"},
     };
 
diff --git a/components/menu/navigation.md b/components/menu/navigation.md
@@ -43,7 +43,7 @@ To use the Menu for navigating between pages:
             {
                 Text = "Contact us",
                 Url = "/contacts",
-                Icon = "email"
+                Icon = FontIcon.Envelop
             },
             new MenuModel()
             {
@@ -62,7 +62,7 @@ To use the Menu for navigating between pages:
                     {
                         Text = "Language Settings",
                         Url = "/language",
-                        Icon = "globe"
+                        Icon = FontIcon.Globe
                     }
                 }
             }
diff --git a/components/scheduler/templates/appointment.md b/components/scheduler/templates/appointment.md
@@ -105,7 +105,7 @@ You can also style the entire appointments by adding a class to their wrapping e
                 Description = "Kick off the new project.",
                 Start = new DateTime(2019, 11, 25, 9, 30, 0),
                 End = new DateTime(2019, 11, 25, 12, 45, 0),
-                Icon = "warning"
+                Icon = FontIcon.ExclamationCircle
             },
 
             new SchedulerAppointment
diff --git a/components/treeview/refresh-data.md b/components/treeview/refresh-data.md
@@ -56,7 +56,7 @@ In this article:
                 Text = "Testing",
                 ParentIdValue = 1,
                 HasChildren = false,
-                Icon = "gears"
+                Icon = FontIcon.Gears
             });
 
         TreeViewRef.Rebind();
@@ -184,7 +184,7 @@ In this article:
                 Text = "Testing",
                 ParentIdValue = 1,
                 HasChildren = false,
-                Icon = "gears"
+                Icon = FontIcon.Gears
             });
     }
 
@@ -303,7 +303,7 @@ In this article:
                 Text = "Testing",
                 ParentIdValue = 1,
                 HasChildren = false,
-                Icon = "gears"
+                Icon = FontIcon.Gears
             });
 
         Items = new List<TreeItem>(Items);
@@ -352,7 +352,7 @@ In this article:
             Text = "Child of item 1",
             ParentIdValue = 2,
             HasChildren = false,
-            Icon = "gears"
+            Icon = FontIcon.Gears
         }
         };
         Items = new List<TreeItem>(Items);
diff --git a/components/validation/message.md b/components/validation/message.md
@@ -141,7 +141,7 @@ The `TelerikValidationMessage` allows you to control its rendering via a nested
                     @foreach (string message in validationMessages)
                     {
                         <div>
-                            <TelerikFontIcon Icon="x-outline"></TelerikIcon>
+                            <TelerikFontIcon Icon=FontIcon.XOutline></TelerikIcon>
                             <span class="custom-validation-message">@message</span>
                         </div>
                     }
diff --git a/components/validation/summary.md b/components/validation/summary.md
@@ -111,7 +111,7 @@ The `TelerikValidationSummary` allows you to control its rendering via a nested
                     @foreach (var message in validationSummaryContext)
                     {
                         <div>
-                            <TelerikFontIcon Icon="x-outline" />
+                            <TelerikFontIcon Icon=FontIcon.XOutline />
                             <span>@message</span>
                         </div>
                     }
diff --git a/components/validation/tooltip.md b/components/validation/tooltip.md
@@ -182,7 +182,7 @@ The `ValidationTooltip` allows you to control its rendering via a nested `<Templ
                     @foreach (var message in validationContext)
                     {
                         <div>
-                            <TelerikFontIcon Icon="x-outline"></TelerikIcon>
+                            <TelerikFontIcon Icon=FontIcon.XOutline></TelerikIcon>
                             <span>@message</span>
                         </div>
                     }
diff --git a/knowledge-base/common-custom-font-icons-fail.md b/knowledge-base/common-custom-font-icons-fail.md
@@ -69,7 +69,7 @@ Make sure to use the correct way and resources for your actual project *@
             new MenuModel()
             {
                 Text = "TelerikIcon - easy",
-                Icon = "email"
+                Icon = FontIcon.Envelop
             },
             new MenuModel()
             {
@@ -138,7 +138,7 @@ Make sure to use the correct way and resources for your actual project *@
             new MenuModel()
             {
                 Text = "TelerikIcon - fail with custom fonts",
-                Icon = "email"
+                Icon = FontIcon.Envelop
             },
             new MenuModel()
             {
diff --git a/knowledge-base/contextmenu-treeview-items.md b/knowledge-base/contextmenu-treeview-items.md
@@ -119,7 +119,7 @@ The ContextMenu exposes an API to associate the component to any DOM element thr
             new ContextMenuItem
             {
                 Text = "Info",
-                Icon = "information",
+                Icon = FontIcon.InfoCircle,
                 CommandName = "info"
             },
             new ContextMenuItem
@@ -129,7 +129,7 @@ The ContextMenu exposes an API to associate the component to any DOM element thr
             new ContextMenuItem
             {
                 Text = "Delete",
-                Icon = "delete",
+                Icon = FontIcon.Trash,
                 CommandName = "delete"
             }
         };
diff --git a/knowledge-base/drawer-add-expand-collapse-handle.md b/knowledge-base/drawer-add-expand-collapse-handle.md
@@ -91,8 +91,8 @@ To achieve the desired result you can try the following:
     IEnumerable<DrawerItem> Data { get; set; } =
         new List<DrawerItem>
         {
-            new DrawerItem { Text = "Counter", Icon = "plus"},
-            new DrawerItem { Text = "FetchData", Icon = "grid-layout"}
+            new DrawerItem { Text = "Counter", Icon = FontIcon.Plus},
+            new DrawerItem { Text = "FetchData", Icon = FontIcon.GridLayout}
         };
 
     public class DrawerItem
diff --git a/knowledge-base/drawer-add-tooltip.md b/knowledge-base/drawer-add-tooltip.md
@@ -59,8 +59,8 @@ If using a [TelerikTooltip](https://demos.telerik.com/blazor-ui/tooltip/overview
     public IEnumerable<DrawerItem> Data { get; set; } =
         new List<DrawerItem>
         {
-            new DrawerItem { Title="Counter Title", Text = "Counter", Icon = "plus", Url = "counter" },
-            new DrawerItem { Title="FetchData Title", Text = "FetchData", Icon = "grid-layout", Url = "fetchdata" },
+            new DrawerItem { Title="Counter Title", Text = "Counter", Icon = FontIcon.Plus, Url = "counter" },
+            new DrawerItem { Title="FetchData Title", Text = "FetchData", Icon = FontIcon.GridLayout, Url = "fetchdata" },
          };
 
     public class DrawerItem
diff --git a/knowledge-base/drawer-prevent-collapse.md b/knowledge-base/drawer-prevent-collapse.md
@@ -76,10 +76,10 @@ I would like to prevent the Drawer from collapsing when an item from the navigat
     public bool DrawerExpanded { get; set; } = true;
     public IEnumerable<DrawerItem> Data { get; set; } = new List<DrawerItem>
     {
-        new DrawerItem {Text = "Shopping Cart", Icon = "cart", Description = "Items in shopping cart"},
+        new DrawerItem {Text = "Shopping Cart", Icon = FontIcon.Cart, Description = "Items in shopping cart"},
         new DrawerItem {Text = "Settings", Icon = FontIcon.Gear, Description = "My profile settings"},
-        new DrawerItem {Text = "Notifications", Icon = "notification", Description = "My profile notifications"},
-        new DrawerItem {Text = "Calendar", Icon = "calendar", Description = "My events"},
+        new DrawerItem {Text = "Notifications", Icon = FontIcon.Bell, Description = "My profile notifications"},
+        new DrawerItem {Text = "Calendar", Icon = FontIcon.Calendar, Description = "My events"},
     };
 
     private void SelectAndNavigate(DrawerItem item)
diff --git a/knowledge-base/drawer-small-screen.md b/knowledge-base/drawer-small-screen.md
@@ -68,8 +68,8 @@ To see the behavior, resize the browser window *@
     public IEnumerable<DrawerItem> Data { get; set; } =
         new List<DrawerItem>
         {
-            new DrawerItem { Text = "Counter", Icon = "plus"},
-            new DrawerItem { Text = "FetchData", Icon = "grid-layout"},
+            new DrawerItem { Text = "Counter", Icon = FontIcon.Plus},
+            new DrawerItem { Text = "FetchData", Icon = FontIcon.GridLayout},
         };
 
     public class DrawerItem
diff --git a/knowledge-base/grid-which-cell-context-menu.md b/knowledge-base/grid-which-cell-context-menu.md
@@ -115,19 +115,19 @@ This example uses a simple boolean flag for brevity, you can extend the logic to
             new ContextMenuItem
             {
                 Text = "More Info",
-                Icon = "information",
+                Icon = FontIcon.InfoCircle,
                 CommandName = "info"
             },
             new ContextMenuItem
             {
                 Text = "Delete",
-                Icon = "delete",
+                Icon = FontIcon.Trash,
                 CommandName = "delete"
             },
             new ContextMenuItem
             {
                 Text = "Report",
-                Icon = "cancel",
+                Icon = FontIcon.Cancel,
                 CommandName = "report"
             }
         };

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ To use a Telerik Breadcrumb for Blazor:`
`45`	`45`	`{`
`46`	`46`	`Items = new List<BreadcrumbItem>`
`47`	`47`	`{`
`48`		`- new BreadcrumbItem { Text = "Home", Icon = "home" },`
	`48`	`+ new BreadcrumbItem { Text = "Home", Icon = FontIcon.Home },`
`49`	`49`	`new BreadcrumbItem { Text = "Products"},`
`50`	`50`	`new BreadcrumbItem { Text = "Computer peripherals"},`
`51`	`51`	`new BreadcrumbItem { Text = "Keyboards"},`
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ Furthermore, you can take full control over the Separator rendering with the [Se`
`34`	`34`	`{`
`35`	`35`	`Items = new List<BreadcrumbItem>`
`36`	`36`	`{`
`37`		`- new BreadcrumbItem { Text = "Home", Icon = "home" },`
	`37`	`+ new BreadcrumbItem { Text = "Home", Icon = FontIcon.Home },`
`38`	`38`	`new BreadcrumbItem { Text = "Products"},`
`39`	`39`	`new BreadcrumbItem { Text = "Computer peripherals"},`
`40`	`40`	`new BreadcrumbItem { Text = "Keyboards"}`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ To use the Context Menu for navigating between pages:`
`47`	`47`	`{`
`48`	`48`	`Text = "Contact us",`
`49`	`49`	`Url = "/contacts",`
`50`		`- Icon = "email"`
	`50`	`+ Icon = FontIcon.Envelop`
`51`	`51`	`},`
`52`	`52`	`new MenuModel()`
`53`	`53`	`{`
`@@ -66,7 +66,7 @@ To use the Context Menu for navigating between pages:`
`66`	`66`	`{`
`67`	`67`	`Text = "Language Settings",`
`68`	`68`	`Url = "/language",`
`69`		`- Icon = "globe"`
	`69`	`+ Icon = FontIcon.Globe`
`70`	`70`	`}`
`71`	`71`	`}`
`72`	`72`	`}`
Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ In addition to built-in [navigation capabilities]({%slug contextmenu-navigation%`
`52`	`52`	`new ContextMenuItem`
`53`	`53`	`{`
`54`	`54`	`Text = "More Info",`
`55`		`- Icon = "information",`
	`55`	`+ Icon = FontIcon.InfoCircle,`
`56`	`56`	`CommandName = "info"`
`57`	`57`	`},`
`58`	`58`	`new ContextMenuItem`
`@@ -67,13 +67,13 @@ In addition to built-in [navigation capabilities]({%slug contextmenu-navigation%`
`67`	`67`	`new ContextMenuItem`
`68`	`68`	`{`
`69`	`69`	`Text = "Delete",`
`70`		`- Icon = "delete",`
	`70`	`+ Icon = FontIcon.Trash,`
`71`	`71`	`CommandName = "delete"`
`72`	`72`	`},`
`73`	`73`	`new ContextMenuItem`
`74`	`74`	`{`
`75`	`75`	`Text = "Report",`
`76`		`- Icon = "cancel",`
	`76`	`+ Icon = FontIcon.Cancel,`
`77`	`77`	`CommandName = "report"`
`78`	`78`	`}`
`79`	`79`	`}`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ To use the Menu for navigating between pages:`
`43`	`43`	`{`
`44`	`44`	`Text = "Contact us",`
`45`	`45`	`Url = "/contacts",`
`46`		`- Icon = "email"`
	`46`	`+ Icon = FontIcon.Envelop`
`47`	`47`	`},`
`48`	`48`	`new MenuModel()`
`49`	`49`	`{`
`@@ -62,7 +62,7 @@ To use the Menu for navigating between pages:`
`62`	`62`	`{`
`63`	`63`	`Text = "Language Settings",`
`64`	`64`	`Url = "/language",`
`65`		`- Icon = "globe"`
	`65`	`+ Icon = FontIcon.Globe`
`66`	`66`	`}`
`67`	`67`	`}`
`68`	`68`	`}`