From 0044f4772524841af2fd467cea3709bb96f6140c Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Thu, 25 Jul 2024 15:40:32 +0300
Subject: [PATCH] update the code snippet in the KB

---
 knowledge-base/common-navigate-from-button.md | 37 +++++++++++++++----
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/knowledge-base/common-navigate-from-button.md b/knowledge-base/common-navigate-from-button.md
index 7a12e6ca61..7a77e05a19 100644
--- a/knowledge-base/common-navigate-from-button.md
+++ b/knowledge-base/common-navigate-from-button.md
@@ -31,19 +31,40 @@ To use regular (in-app) links from a button, you can use the <a href="https://do
 
 If you also want to open a new tab, you need an anchor element (`<a>`) and to set its `target` attribute to `_blank`. Often you could also achieve that through JavaScript and using `window.open(url)`, but in the context of a Blazor app you might prefer to use less JavaScript.
 
-You can style anchors to look like Telerik buttons through the `k-button` CSS class that comes with the Telerik Themes (example below).
+You can style anchors to resemble Telerik buttons through the `k-button` CSS class that comes with the Telerik Themes (example below).
 
 >caption Open a new browser window from a button
 
 ![make links look like buttons](images/links-like-buttons.png)
 
 ````CSHTML
-<a class="k-button" href="/fetchdata">Fetch Data</a>
-<br /><br />
-<NavLink class="k-button" href="/counter">Counter</NavLink>
-<br /><br />
-<a class="k-button" target="_blank" href="https://www.telerik.com">telerik.com in new window</a>
-<br /><br />
-<NavLink class="k-button" target="_blank" href="https://www.google.com">Google in new window</NavLink>
+@inject NavigationManager NavManager
+@inject IJSRuntime JS
+
+<TelerikButton OnClick="@OnButtonClick">Navigate to telerik.com in the same window</TelerikButton>
+
+<br />
+
+<TelerikButton OnClick="@OnButtonClickAsync">Navigate to telerik.com with IJSRuntime in a new window</TelerikButton>
+
+<br />
+
+<NavLink class="k-button k-button-solid k-rounded-md k-button-md k-button-solid-base"
+         target="_blank"
+         href="https://www.google.com">
+    Google in new window
+</NavLink>
+
+@code{
+    private void OnButtonClick()
+    {
+        NavManager.NavigateTo("https://www.telerik.com");
+    }
+
+    private async Task OnButtonClickAsync()
+    {
+        await JS.InvokeVoidAsync("open", "https://www.telerik.com", "_blank");
+    }
+}
 ````