Skip to content

Commit 70b110a

Browse files
committed
docs(Copilot): Initial commit
1 parent 9e1eb9b commit 70b110a

15 files changed

+88
-11
lines changed

common-features/adaptive-rendering.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: Explore how the components with popup elements can react to the cha
55
slug: adaptive-rendering
66
tags: telerik,blazor,adaptive,rendering,mobile
77
published: True
8-
position: 1
8+
position: 10
99
---
1010

1111
# Adaptive Rendering

common-features/ai-code-assistant.md

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
---
2+
title: AI Code Assistant
3+
page_title: Telerik Blazor AI Code Assistant
4+
description:
5+
slug: common-features-ai-code-assistant
6+
tags: telerik,blazor,ai
7+
published: True
8+
position: 60
9+
---
10+
11+
# Telerik Blazor AI Code Assistant
12+
13+
Telerik UI for Blazor provides a [GitHub Copilot](https://github.com/features/copilot) extension. If you are using GitHub Copilot, the extension can generate code snippets that include Telerik UI for Blazor components and API.
14+
15+
## Prerequisites
16+
17+
To use the Telerik GitHub Copilot extension for Blazor, you need to have:
18+
19+
* An active [https://github.com/features/copilot](https://github.com/features/copilot) subscription. You can enable or configure GitHub Copilot on the [Copilot Settings page in your GitHub account](https://github.com/settings/copilot).
20+
* An active [DevCraft or Telerik UI for Blazor license](https://www.telerik.com/purchase/blazor-ui).
21+
22+
## Installation
23+
24+
To install the Telerik GitHub Copilot extension:
25+
26+
1. Go to the [TelerikBlazor GitHub App](https://github.com/apps/telerikblazor) page.
27+
1. Click the **Install** button.
28+
1. You will see a list that includes your GitHub account and all GitHub organizations that you are part of. Select your GitHub account.
29+
1. Click the **Install & Authorize** button. This will authorize the GitHub Copilot extension to integrate with your GitHub account.
30+
1. Enter your GitHub password.
31+
32+
On first usage, you have to authenticate with your Telerik credentials:
33+
34+
1. Click the **Authorize** button
35+
1. Enter your Telerik email and password. This will authorize the GitHub Copilot extension to integrate with your Telerik account.
36+
37+
## Usage
38+
39+
Start your prompt with `@TelerikBlazor` and type your request.
40+
41+
If you want to prompt for code that is not related to your previous prompts, then use a new Chat, so that the new context is not polluted by irrelevant old information.
42+
43+
### Add Telerik MCP Server to VS Code
44+
45+
The [Agent mode of GitHub Copilot](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) allows you to prompt AI for more complex tasks that require a multi-step process and affect more files.
46+
47+
To use the Telerik MCP server in Copilot Agent mode:
48+
49+
1. Create a `.vscode/mcp.json` file in your workspace (application root).
50+
1. Go to the [`telerik-blazor-mcp`](https://www.npmjs.com/package/@progress/telerik-blazor-mcp?activeTab=readme) npm package page and copy-paste the contents of `mcp.json`.
51+
1. At the bottom of the Copilot Chat pane, select **Agent** from the dropdown that contains **Ask**, **Edit**, and **Agent**.
52+
53+
> Do not click the **Add Server** button at the bottom-right of the open JSON file.
54+
> Do not execute `npm install @progress/telerik-blazor-mcp` manually.
55+
> Do not use `@telerikblazor` in your prompts, because the Copilot Agent mode does not use extensions.
56+
57+
## See Also
58+
59+
* [GitHub Copilot Tutorials](https://github.com/features/copilot/tutorials).
60+
* [Integrate Telerik UI for Blazor with Microsoft.Extensions.AI](slug:common-features-microsoft-extensions-ai-integration)

common-features/dimensions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: How dimensions work and are set in the Telerik UI for Blazor compon
55
slug: common-features/dimensions
66
tags: telerik,blazor,dimensions,width,height,percent,pixel
77
published: True
8-
position: 7
8+
position: 80
99
---
1010

1111
# Dimensions

common-features/icons.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ slug: common-features-icons
66
tags: telerik,blazor,icon,font,built-in
77
published: True
88
previous_url: /common-features/font-icons
9-
position: 1
9+
position: 20
1010
---
1111

1212
# Blazor SVG and Font Icons

common-features/input-adornments.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: How to add prefix and suffix adornments in the input elements of th
55
slug: common-features/input-adornments
66
tags: telerik,blazor,input,adornments,prefix,suffix
77
published: True
8-
position: 2
8+
position: 30
99
---
1010

1111
# Input Adornments

common-features/input-validation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: How to validate Blazor inputs.
55
slug: common-features/input-validation
66
tags: telerik,blazor,validation,data,annotation,form
77
published: True
8-
position: 3
8+
position: 40
99
---
1010
# Input Validation
1111

common-features/loading-sign.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: Components that peform long running operations can show a loading i
55
slug: common-features-loading-sign
66
tags: telerik,blazor,loading,sign,busy,indicator,data
77
published: True
8-
position: 5
8+
position: 70
99
---
1010

1111
# Loading Sign

common-features/microsoft-extensions-ai-integration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: How to integrate the UI for Blazor components with Microsoft.Extens
55
slug: common-features-microsoft-extensions-ai-integration
66
tags: telerik,blazor,aiprompt,ai,extensions,integration
77
published: True
8-
position: 4
8+
position: 50
99
---
1010

1111
# Integration with Microsoft.Extensions.AI

getting-started/client-blazor.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,10 @@ If you prefer video instructions, you can also check the video tutorial below.
111111

112112
<iframe width="560" height="315" src="https://www.youtube.com/embed/fwR8Yxe7DPQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
113113

114+
## Next Steps
115+
116+
* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
117+
114118
## See Also
115119

116120
* [Workflow Details for Telerik UI for Blazor](slug:getting-started/what-you-need)

getting-started/hybrid-blazor.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -127,6 +127,7 @@ Refer to the following articles for more information on each technology stack:
127127
## Next Steps
128128

129129
* [Explore the specifics of Telerik UI for Blazor in native MAUI](slug:hybrid-blazor-apps)
130+
* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
130131

131132
## See Also
132133

getting-started/vs-code-integration/introduction.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,12 +20,14 @@ The extension for Visual Studio Code provides the following advantages:
2020

2121
* It allows you to [add the Telerik Components to an existing project](slug:getting-started-vs-code-integration-convert-project ) with a few clicks.
2222

23-
24-
2523
## Get the Extension
2624

2725
@[template](/_contentTemplates/common/general-info.md#vs-code-x-download)
2826

2927
To access the VS Code extension, press `Ctrl`+`Shift`+`P` on Windows/Linux or `Cmd`+`Shift`+`P` on Mac to open the VS Code extension launcher.
3028

3129
![launch Telerik Blazor VS Code extension](images/launch-extension.png)
30+
31+
## See Also
32+
33+
* [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant)

getting-started/vs-integration/introduction.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,3 +35,4 @@ To access the Telerik Visual Studio extension, go to the **Extensions** > **Tele
3535
* [Creating New Projects with Visual Studio](slug:getting-started-vs-integration-new-project)
3636
* [Converting Existing Projects with Visual Studio](slug:getting-started-vs-integration-convert-project)
3737
* [Downloading the Latest Telerik UI for Blazor Versions](slug:getting-started-vs-integration-latest-version)
38+
* [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant)

getting-started/web-app.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,10 @@ The final step in this tutorial is to use a Telerik UI for Blazor component in a
120120

121121
@[template](/_contentTemplates/common/get-started.md#add-component-sample)
122122

123+
## Next Steps
124+
125+
* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
126+
123127
## See Also
124128

125129
* [Workflow Details for Telerik UI for Blazor](slug:getting-started/what-you-need)

getting-started/what-you-need.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -271,6 +271,9 @@ The Blazor application is ready to use Telerik components.
271271

272272
@[template](/_contentTemplates/common/get-started.md#next-steps-after-getting-started)
273273

274+
## Next Steps
275+
276+
* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
274277

275278
## See Also
276279

introduction.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,9 +221,11 @@ To use UI for Blazor commercially, you need to <a href="https://www.telerik.com/
221221

222222
## Support Options
223223

224-
For any issues you might encounter while working with Telerik UI for Blazor, use any of the available support channels:
224+
For questions and issues related to Telerik UI for Blazor, use any of the available support channels:
225225

226-
* License holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the [UI for Blazor dedicated support](https://www.telerik.com/account/support-tickets/) system.
226+
* The [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) can help you generate code snippets that include Telerik UI for Blazor components and API.
227+
228+
* License holders and active trialists can take advantage of our outstanding customer support. To submit a support ticket, use the dedicated [UI for Blazor support](https://www.telerik.com/account/support-tickets/) system.
227229

228230
* The [UI for Blazor forums](https://www.telerik.com/forums/blazor) are part of the free support you can get from the community and from the UI for Blazor team on all kinds of general issues.
229231

0 commit comments

Comments
 (0)