New to KendoReact? Start a free 30-day trial

KendoReact GitHub Copilot Extension

The KendoReact GitHub Copilot extension provides proprietary context for the KendoReact components. The extension works as a React 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 KendoReact components and API.

Prerequisites

To use the KendoReact GitHub Copilot extension for React, 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 Telerik UI for KendoReact or a KendoReact trial.
A React application that includes KendoReact.

Installation

To install the KendoReact Copilot extension:

Go to the KendoReact 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, Visual Studio and VS Code).
Start a new chat session in Copilot.

Usage

To use the KendoReact Copilot extension:

Open the GitHub Copilot chat window in your Copilot-enabled app (for example, Visual Studio or VS Code).
Make sure you are in Ask mode and not in Edit or Agent mode. The Edit and Agent modes do not use the Telerik Copilot extension. However, the Agent mode can use the KendoReact MCP server.
Start your prompt with @kendoreact and type your request. Make sure that @kendoreact is recognized and highlighted, otherwise the extension may not be installed.
Verify that you see a label similar to KendoReact working... or KendoReact generating response... in the output.
Grant permission to the KendoReact 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:

"@kendoreact Generate a KendoReact Grid with sorting and paging enabled. Bind the Grid to dummy data."
"@kendoreact Generate a KendoReact ComboBox that shows a list of products."
"@kendoreact Show me sample code for a KendoReact Grid with virtual scrolling for the rows and columns."

Number of Requests

The usage limits below will take place after June 28, 2025. Until then, each customer with an active commercial or trial license can make up to 300 daily requests.

The KendoReact Copilot extension allows the following maximum number of requests, depending on your Telerik license type:

Perpetual licenses: 50 requests per year
Subscription licenses: virtually unlimited number of requests with a fair use threshold of 300 requests per day
Trial licenses: 300 requests per trial per year. Activating the same trial for a new release does not grant additional 300 requests.

All Telerik AI tools share a single request limit for your Telerik account. For example, the Telerik Copilot extension and the Telerik MCP server both take up from the same usage quota.