New to Kendo UI for Angular? Start a free 30-day trial

Kendo UI for Angular GitHub Copilot Extension

The Kendo UI for Angular GitHub Copilot extension provides proprietary context for the Kendo UI for Angular components. The extension works as an Angular AI code generator and can help you reach new levels of developer productivity. You can get useful tips and generate tailored code snippets that include Kendo UI for Angular components and API.

Prerequisites

To use the Kendo UI GitHub Copilot extension for Angular, you need to have:

An active GitHub Copilot subscription. You can enable or configure GitHub Copilot on the Copilot Settings page in your GitHub account.
A Telerik user account.
An active DevCraft or Kendo UI for Angular license or a Kendo UI for Angular trial.
An Angular application that includes Kendo UI for Angular.

Installation

To install the Kendo UI for Angular Copilot extension:

Go to the Kendo Angular GitHub App page and click the Install button.
You will see a list that includes your GitHub account and all GitHub organizations that you are part of. Normally, select your GitHub account.
Click the Install & Authorize button. This will authorize the GitHub Copilot extension to integrate with your GitHub account.
Enter your GitHub password.
You will be redirected to telerik.com. Enter your Telerik account credentials if prompted. This will authorize the GitHub Copilot extension to integrate with your Telerik account.
Upon successful Telerik authentication, you will be redirected once again to a page that confirms successful Copilot extension installation.
Restart your Copilot-enabled apps (for example, VS Code).
Start a new chat session in Copilot.

Usage

To use the Kendo UI for Angular Copilot extension:

Open the GitHub Copilot chat window in your Copilot-enabled app.
Make sure you are in Ask mode and not in Edit or Agent mode. The Edit and Agent modes do not use the Kendo UI for Angular Copilot extension. However, the Agent mode can use the Kendo UI for Angular MCP server.
Start your prompt with @kendo-angular and type your request. Make sure that @kendo-angular is recognized and highlighted, otherwise the extension may not be installed.
Verify that you see a label similar to "Kendo Angular working..." or "Kendo Angular generating response..." in the output.
Grant permission to the Kendo Angular extension to read your workspace files.
If you want to prompt for information or code that are not related to your previous prompts, it is a good practice to start a new session in a new chat window, so that the context is not polluted by irrelevant old information.

Sample Prompts

The following list describes how your prompts may look like:

"@kendo-angular Generate a Kendo UI for Angular Grid with sorting and paging enabled. Bind the Grid to dummy data."
"@kendo-angular Generate a Kendo UI for Angular ComboBox that shows a list of products."
"@kendo-angular Show me sample code for a Kendo UI for Angular Grid with virtual scrolling for the rows and columns."

Number of Requests

A Telerik Subscription license is recommended in order to use the Kendo UI for Angular AI Coding Assistant without restrictions. Perpetual license holders and trial users can make a limited number of requests per year.