From b576b125359cd5ff42fd2547d769bf8358a63b75 Mon Sep 17 00:00:00 2001 From: Trisha Kumarasamy Date: Thu, 21 May 2026 16:49:42 +0530 Subject: [PATCH] Committing Blazor web-app component from Avatar to Breadcrumb by adding tabs switching feature. --- blazor/avatar/getting-started-with-web-app.md | 2 +- blazor/badge/getting-started-with-web-app.md | 2 +- blazor/barcode/getting-started-with-web-app.md | 3 ++- blazor/block-editor/getting-started.md | 3 ++- blazor/breadcrumb/getting-started-with-web-app.md | 13 +++---------- 5 files changed, 9 insertions(+), 14 deletions(-) diff --git a/blazor/avatar/getting-started-with-web-app.md b/blazor/avatar/getting-started-with-web-app.md index 348502f159..5c6d33c3d2 100644 --- a/blazor/avatar/getting-started-with-web-app.md +++ b/blazor/avatar/getting-started-with-web-app.md @@ -119,7 +119,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Syncfusion® Blazor Avatar component -Add the Syncfusion® Blazor Avatar component in the **~/Components/Pages/*.razor** file. +* Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Avatar component inside the razor file. {% tabs %} {% highlight razor tabtitle="Home.razor" %} diff --git a/blazor/badge/getting-started-with-web-app.md b/blazor/badge/getting-started-with-web-app.md index 1d66845ee1..b3370f9ca1 100644 --- a/blazor/badge/getting-started-with-web-app.md +++ b/blazor/badge/getting-started-with-web-app.md @@ -119,7 +119,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Syncfusion® Blazor Badge component -Add the Syncfusion® Blazor Badge component in the **~/Components/Pages/*.razor** file. +* Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Badge component inside the razor file. {% tabs %} {% highlight razor tabtitle="Home.razor" %} diff --git a/blazor/barcode/getting-started-with-web-app.md b/blazor/barcode/getting-started-with-web-app.md index 70848c91e5..8e8eed18be 100644 --- a/blazor/barcode/getting-started-with-web-app.md +++ b/blazor/barcode/getting-started-with-web-app.md @@ -153,7 +153,8 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Syncfusion® Blazor Barcode component -Add the Syncfusion® Blazor Barcode component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +* Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Barcode component inside the razor file. +* If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the razor file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. diff --git a/blazor/block-editor/getting-started.md b/blazor/block-editor/getting-started.md index 2178a61859..37a56c28d8 100644 --- a/blazor/block-editor/getting-started.md +++ b/blazor/block-editor/getting-started.md @@ -153,7 +153,8 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Syncfusion® Blazor Block Editor component -Add the Syncfusion® Blazor Block Editor component in the **~/Components/Pages/*.razor** file and configure the initial blocks using the `Blocks` property. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +* Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Block Editor component inside the razor file. +* If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the razor file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. diff --git a/blazor/breadcrumb/getting-started-with-web-app.md b/blazor/breadcrumb/getting-started-with-web-app.md index 86a53786cc..3dcabd2c6e 100644 --- a/blazor/breadcrumb/getting-started-with-web-app.md +++ b/blazor/breadcrumb/getting-started-with-web-app.md @@ -151,22 +151,15 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Syncfusion® Blazor Breadcrumb component -Add the Syncfusion® Blazor Breadcrumb component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +* Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Breadcrumb component inside the razor file. +* If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the razor file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. -{% tabs %} -{% highlight razor %} - -@* desired render mode define here *@ -@rendermode InteractiveAuto - -{% endhighlight %} -{% endtabs %} - {% tabs %} {% highlight razor tabtitle="Home.razor" %} +@rendermode InteractiveAuto {% endhighlight %}