Skip to content

Commit 22790d0

Browse files
radkostanevdimodi
authored andcommitted
chore: address code review suggestions
1 parent d0a81da commit 22790d0

File tree

4 files changed

+11
-11
lines changed

4 files changed

+11
-11
lines changed

common-features/icons.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
---
22
title: Icons
33
page_title: Font and SVG Icons
4-
description: Blazor Icons consists of customizable, scalable icons for Blazor apps that enhance UI design with easy styling.
4+
description: Blazor Icons are customizable, scalable icons for Blazor apps that enhance UI design with easy styling.
55
slug: common-features-icons
66
tags: telerik,blazor,icon,font,built-in
77
published: True
88
previous_url: /common-features/font-icons
99
position: 1
1010
---
1111

12-
# Blazor Icons
12+
# Blazor SVG and Font Icons
1313

14-
Telerik UI for Blazor provides a large set of built-in icons. There are two ways to consume and render them: as font icons or as SVG icons. It is also possible to use custom blazor icons, or define an application-wide setting, which affects the type of icons in all Telerik Blazor components.
14+
Telerik UI for Blazor provides a large set of built-in icons. There are two ways to consume and render them: as font icons or as SVG icons. It is also possible to use custom Blazor icons, or define an application-wide setting, which affects the type of icons in all Telerik Blazor components.
1515

1616
The Telerik Blazor components generate the same type of icons (font icons or SVG icons), [depending on the `TelerikRootComponent` configuration](#set-global-icon-type). However, Telerik UI for Blazor includes standalone [`FontIcon`](#fonticon-component) and [`SvgIcon`](#svgicon-component) components, which can be used at the same time.
1717

1818
In general, font icons produce a smaller HTML footprint and the glyph can be overridden with CSS. SVG icons provide better accessibility and can use multiple colors in a single icon.
1919

2020
This article contains the following sections:
2121

22-
* [How do icons work](#how-icons-work)
22+
* [How do icons work](#how-blazor-icons-work)
2323
* [Install icon NuGet packages](#icon-nuget-packages)
2424
* [Import icon namespaces](#icon-namespaces)
2525
* [Register font icon stylesheet](#font-icon-stylesheet) (SVG icons don't need it)
@@ -29,9 +29,9 @@ This article contains the following sections:
2929
* [`SvgIcon` component](#svgicon-component)
3030
* [Render custom SVG Icons with HTML](#render-custom-svg-icons-with-html)
3131
* [Use custom SVG icon collection](#use-custom-svg-icon-collection)
32-
* [Set global icon type for the whole application](#set-global-icon-type)
32+
* [Set global icon type for the whole application](#set-global-blazor-icon-type)
3333
* [Complete list of built-in icons](#icons-list)
34-
* [How to use custom icons](#custom-icon-support)
34+
* [How to use custom icons](#custom-blazor-icon-support)
3535

3636
{% if site.has_cta_panels == true %}
3737
{% include cta-panel-introduction.html %}
@@ -49,7 +49,7 @@ The Telerik Blazor icons have three prerequisites to work:
4949

5050
The Telerik Blazor components use built-in icons with the help of two NuGet packages. They are installed **automatically** as dependencies of the `Telerik.UI.for.Blazor` package:
5151

52-
* `Telerik.FontIcons` - defines the `FontIcon` `enum` for easier usage of built-in **font** blazor icons
52+
* `Telerik.FontIcons` - defines the `FontIcon` `enum` for easier usage of built-in **font** Blazor icons
5353
* `Telerik.SvgIcons` - defines the `ISvgIcon` interface and the `SvgIcon` static class for built-in **SVG** icons
5454

5555
>tip Unlike the `Telerik.UI.for.Blazor` package, the icon packages are available on the `nuget.org` source. Keep this in mind when using [`packageSourceMapping`](slug:installation/nuget#package-source-mapping).

components/grid/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -232,7 +232,7 @@ To execute these methods, obtain reference to the Grid instance via `@ref`.
232232
"@context": "https://schema.org",
233233
"@type": "VideoObject",
234234
"name": "Telerik UI for Blazor Data Grid",
235-
"description": "The Telerik Grid for Blazor is a powerful component, which allows you to visualize and edit data via its table representation. It provides a variety of options about how to present and perform operations over the underlying data, such as paging, sorting, filtering and editing. In this short video, we'll learn how to bind data to the data grid and customize its features.",
235+
"description": "The Telerik Grid for Blazor is a powerful component, which allows you to visualize and edit data through its table representation. It provides a variety of options about how to present and perform operations over the underlying data, such as paging, sorting, filtering and editing. In this short video, we'll learn how to bind data to the data grid and customize its features.",
236236
"thumbnailUrl": "https://img.youtube.com/vi/NW2hHtmM2Gk/maxresdefault.jpg",
237237
"uploadDate": "2020-02-13",
238238
"duration": "PT5M10S",

getting-started/server-blazor.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ position: 15
1111

1212
# First Steps with Server-Side UI for Blazor
1313

14-
Blazor Server runs C# on the server and updates the UI in the browser via a SignalR connection, enabling interactive web apps without client-side .NET execution. This article explains how to get the Telerik UI for Blazor components in your .NET 6 or 7 Blazor Server app and start using them quickly. You will create a new application from scratch, learn how to add the UI for Blazor components to a project, and finally, add a UI component to a view.
14+
Blazor Server runs C# on the server and updates the UI in the browser through a SignalR connection, enabling interactive web apps without client-side .NET execution. This article explains how to get the Telerik UI for Blazor components in your .NET 6 or 7 Blazor Server app and start using them quickly. You will create a new application from scratch, learn how to add the UI for Blazor components to a project, and finally, add a UI component to a view.
1515

1616
> This article applies only to the **Blazor Server App** template in Visual Studio, which exists up to .NET 7. If you are using newer .NET versions, then follow the [tutorial about Blazor Web Apps](slug:getting-started/web-app).
1717
@@ -130,7 +130,7 @@ If you prefer video instructions, you can also check the video tutorial below.
130130
"@context": "https://schema.org",
131131
"@type": "VideoObject",
132132
"name": "Adding Telerik UI for Blazor to an Existing Blazor Project",
133-
"description": "Telerik UI for Blazor components have been built from the ground-up to ensure you experience shorter development cycles, quick iterations and cut time to market. In this short video, we'll learn how to add the components to an existing Blazor Project.",
133+
"description": "Telerik UI for Blazor components have been built from the ground-up to ensure you experience shorter development cycles, quick iterations and cut time to market. In this short video, we'll learn how to add the components to an existing Blazor project.",
134134
"thumbnailUrl": "https://img.youtube.com/vi/fwR8Yxe7DPQ/maxresdefault.jpg",
135135
"uploadDate": "2020-02-24",
136136
"duration": "PT4M14S",

integrations/reporting.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ The [Telerik Native Blazor Report Viewer Component](https://docs.telerik.com/rep
3838

3939
## Telerik Blazor Report Designer
4040

41-
The [Telerik Blazor Report Designer Component](https://docs.telerik.com/reporting/how-to-blazor-web-report-designer) empowers you to embed a Report Designer tool within your Blazor application. This feature enables end-users to edit existing reports or create new report definitions from scratch, enhancing the versatility of your Blazor Reporting capabilities. Experience this component in action through the [Web Report Designer Demo](https://demos.telerik.com/reporting/designer).
41+
The [Telerik Blazor Report Designer Component](https://docs.telerik.com/reporting/how-to-blazor-web-report-designer) empowers you to embed a Report Designer tool within your Blazor application. This feature enables end users to edit existing reports or create new report definitions from scratch, enhancing the versatility of your Blazor Reporting capabilities. Experience this component in action through the [Web Report Designer Demo](https://demos.telerik.com/reporting/designer).
4242

4343
By integrating these components, you can significantly enhance the Blazor Reporting functionalities of your application, providing users with comprehensive tools for report viewing, customization, and creation.
4444

0 commit comments

Comments
 (0)