983366: Updated the UG document for the Breadcrumb

praveensf4999 · praveensf4999 · commit 5c5c916d4137 · 2025-09-24T12:37:19.000+05:30
diff --git a/blazor/breadcrumb/breadcrumb-items.md b/blazor/breadcrumb/breadcrumb-items.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Breadcrumb Items in Blazor Breadcrumb Component
 
-The Syncfusion [Blazor Breadcrumb](https://www.syncfusion.com/blazor-components/blazor-breadcrumb) supports to generate items based on the current URL by default. You can set the [BreadcrumbItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html) tag directive or [Url](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html#Syncfusion_Blazor_Navigations_SfBreadcrumb_Url) property to generate the items.
+The Syncfusion [Blazor Breadcrumb](https://www.syncfusion.com/blazor-components/blazor-breadcrumb) component supports to generate items based on the current URL by default. Alternatively, breadcrumb items can be manually defined using the[BreadcrumbItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html) tag directive or by setting the [Url](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html#Syncfusion_Blazor_Navigations_SfBreadcrumb_Url) property.
 
 [BreadcrumbItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html) has the following properties for navigation and its customizations.
 
diff --git a/blazor/breadcrumb/getting-started-with-web-app.md b/blazor/breadcrumb/getting-started-with-web-app.md
@@ -29,9 +29,9 @@ During project creation, be sure to configure the appropriate [Interactive rende
 
 To add **Blazor Breadcrumb** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Navigations](https://www.nuget.org/packages/Syncfusion.Blazor.Navigations/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/).
 
-If your Blazor Web App uses the `WebAssembly or Auto` render modes, ensure these NuGet packages are installed in the client project 
+If the Blazor Web App uses the `WebAssembly or Auto` render modes, ensure the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component NuGet packages are installed in the client project.
 
-Alternatively, you can use the Package Manager Console:
+Alternatively, the Package Manager Console can be used to install the required NuGet package
 
 {% tabs %}
 {% highlight C# tabtitle="Package Manager" %}
@@ -74,7 +74,7 @@ N> For more details on creating a **Blazor Web App** with different interactive
 
 ## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Navigations and Themes NuGet in the App
 
-If your app uses the `WebAssembly` or `Auto` render modes, install the NuGet packages within the client project.
+If the Blazor Web App uses the `WebAssembly or Auto` render modes, ensure the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component NuGet packages are installed in the client project.
 
 * Press <kbd>Ctrl</kbd>+<kbd>`</kbd> to open the integrated terminal in Visual Studio Code.
 * Ensure you’re in the project root directory where your `.csproj` file is located.
diff --git a/blazor/breadcrumb/icons.md b/blazor/breadcrumb/icons.md
@@ -35,7 +35,7 @@ N> By default, icons are positioned to the left side of the item text.
 
 ## Breadcrumb with image
 
-You can incorporate images into Breadcrumb items by utilizing the [IconCss](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html#Syncfusion_Blazor_Navigations_BreadcrumbItem_IconCss) property. In the following example, an image is added to the Breadcrumb item with height and width by using `e-image-home` CSS class.
+Images can be incorporated into Breadcrumb items using the [IconCss](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html#Syncfusion_Blazor_Navigations_BreadcrumbItem_IconCss) property. In the following example, an image is added to a Breadcrumb item with specific height and width by using `e-image-home` CSS class.
 
 ```cshtml
 @using Syncfusion.Blazor.Navigations
@@ -61,7 +61,7 @@ You can incorporate images into Breadcrumb items by utilizing the [IconCss](http
 
 ![Blazor Breadcrumb with Image](./images/image.png)
 
-## Breadcrumb with SVG Image
+## Breadcrumb with SVG image
 
 To add an SVG image to a Breadcrumb item, use the [IconCss](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html#Syncfusion_Blazor_Navigations_BreadcrumbItem_IconCss) property with a custom CSS class. In the following example, SVG image is added to the Breadcrumb item with height and width by using `e-svg-home` class.
 
@@ -89,7 +89,7 @@ To add an SVG image to a Breadcrumb item, use the [IconCss](https://help.syncfus
 
 ![Breadcrumb with SVG Image](./images/svg.PNG)
 
-## Icon Only
+## Icon only
 
 To display Breadcrumb items consisting solely of icons, provide the [IconCss](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html#Syncfusion_Blazor_Navigations_BreadcrumbItem_IconCss) property for each `BreadcrumbItem` without specifying the `Text` property.
 
diff --git a/blazor/breadcrumb/navigation.md b/blazor/breadcrumb/navigation.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Navigation in Blazor Breadcrumb Component
 
-By default, [Blazor Breadcrumb](https://www.syncfusion.com/blazor-components/blazor-breadcrumb) items support navigation using both relative and absolute URLs. You can also implement custom navigation logic by setting the [EnableNavigation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html#Syncfusion_Blazor_Navigations_SfBreadcrumb_EnableNavigation) property to `false`.
+By default, [Blazor Breadcrumb](https://www.syncfusion.com/blazor-components/blazor-breadcrumb) items support navigation using both relative and absolute URLs. Custom navigation logic can be implemented by setting the [EnableNavigation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html#Syncfusion_Blazor_Navigations_SfBreadcrumb_EnableNavigation) property to `false`.
 
 ## Relative URL
 
@@ -60,7 +60,7 @@ The following example demonstrates Breadcrumb items configured with absolute URL
 
 ## Enable Navigation for the Last Breadcrumb Item
 
-By default, the last item in a breadcrumb trail represents the current page and is generally not navigable. However, you can enable navigation for the last Breadcrumb item by setting the[EnableActiveItemNavigation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html#Syncfusion_Blazor_Navigations_SfBreadcrumb_EnableActiveItemNavigation) property to `true`. This can be useful in specific scenarios where the "current page" link should also be clickable.
+By default, the last item in a breadcrumb trail represents the current page and is typically not navigable. Navigation for the last Breadcrumb item can be enabled by setting the [EnableActiveItemNavigation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html#Syncfusion_Blazor_Navigations_SfBreadcrumb_EnableActiveItemNavigation) property to `true`. This can be useful in specific scenarios where the "current page" link should also be clickable.
 
 The following example demonstrates enabling navigation for the last Breadcrumb item:
 
diff --git a/blazor/breadcrumb/style-and-appearance.md b/blazor/breadcrumb/style-and-appearance.md
@@ -9,7 +9,9 @@ documentation: ug
 
 # Styles and Appearance in Blazor Breadcrumb Component
 
-To modify the visual presentation of the Blazor Breadcrumb component, you need to override the default CSS of Breadcrumb component. Find the list of CSS classes and its corresponding section in Breadcrumb component. Also, you have an option to create your own custom theme for the controls using our [Theme Studio](https://blazor.syncfusion.com/themestudio/?theme=material).
+To modify the visual presentation of the Blazor Breadcrumb component, override its default CSS styles. The component provides a set of predefined CSS classes, each corresponding to specific sections of the Breadcrumb. These classes can be customized to achieve the desired appearance.
+
+Additionally, a custom theme for Syncfusion controls can be created using the [Theme Studio](https://blazor.syncfusion.com/themestudio/?theme=material).
 
 ### Common CSS Classes for Customization
 
diff --git a/blazor/breadcrumb/templates.md b/blazor/breadcrumb/templates.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Templates in Blazor Breadcrumb Component
 
-The Blazor Breadcrumb component is templated, allowing you to customize various parts of its UI during rendering. This flexibility enables users to render custom components or content using your own logic, enhancing the appearance and functionality of your breadcrumbs.
+The Blazor Breadcrumb component is templated, allowing customization of various parts of its UI during rendering. This flexibility enables the rendering of custom components or content using user-defined logic, enhancing both the appearance and functionality of the breadcrumb trail.
 
 The following template options are available in the Breadcrumb component:
 
