https://github.com/telerik/kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://github.com/telerik/kendo-react

components issue-tracker kendo kendo-ui react reactive-programming typescript ui-components

Last synced: 1 day ago
JSON representation

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

• Host: GitHub
• URL: https://github.com/telerik/kendo-react
• Owner: telerik
• License: other
• Created: 2017-07-21T14:22:27.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-12-03T12:13:35.000Z (11 days ago)
• Last Synced: 2024-12-03T13:19:01.661Z (11 days ago)
• Topics: components, issue-tracker, kendo, kendo-ui, react, reactive-programming, typescript, ui-components
• Language: HTML
• Homepage: https://kendo-react-teal.vercel.app
• Size: 243 MB
• Stars: 213
• Watchers: 37
• Forks: 40
• Open Issues: 547
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md
  • Support: SUPPORT.md

Awesome Lists containing this project

• awesome-react - @progress/kendo-react-grid - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.  (UI Components / Table)

README

        
# KendoReact

> **NOTE**: We use this repo as a bug tracker, and to list helpful KendoReact resources. This repository does not contain the KendoReact source code.

***

[KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme&utm_content=banner) is a professional UI components and data visualization library for React on a mission to help you design and build business apps with React much faster.

***

[![Try KendoReact](images/banner.png)](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme&utm_content=banner)

## Table of Contents

* [Common Support Questions](#common-support-questions)

  * [Where can I find help?](#where-can-i-find-help)

  * [How do I report a bug?](#how-do-i-report-a-bug)

  * [When do you plan to release feature X?](#when-do-you-plan-to-release-feature-x)

* [React UI Components](#react-ui-components)

* [Design-to-Development Support](#design-to-development-support)

* [Sample Applications](#sample-applications)

  * [Coffee Warehouse Dashboard](#user-content-react-dashboard-application)

  * [Financial Portfolio](#user-content-financial-portfolio-application)

  * [File Manager](#user-content-file-manager-template-application)

  * [NodeJS/ASP.NET Core Server](#user-content-react-data-grid-with-nodejs--aspnet-core-server-example)

  * [GitHub Issues Grid](#user-content-github-issues-grid)

* [Useful Links](#useful-links)

* [Licensing](#licensing)

## Common Support Questions

### Where can I find help?

1. For community support we recommend asking questions on our [public forum](https://www.telerik.com/forums/kendo-ui-react) or Stack Overflow using the [kendo-react-ui tag](http://stackoverflow.com/questions/tagged/kendo-react-ui).

1. KendoReact license holders can use our official support channel to [submit support tickets](https://www.telerik.com/account/support-tickets).

### How do I report a bug?

If you want to report a bug with KendoReact, please start by reviewing [this repo’s issue tracker](https://github.com/telerik/kendo-react/issues) to make sure your issue has not already been reported. If you can’t find your issue there, please follow the following reproduction steps:

1. Find an example in [the KendoReact documentation](https://www.telerik.com/kendo-react-ui/components/) that looks similar to your use case.

1. Open that example in StackBlitz by using the **EDIT IN STACKBLITZ** button.

1. Fork the StackBlitz project by using the **FORK** button at the top of the StackBlitz interface.

1. Modify the code in your StackBlitz project so that it shows the issue you’re having with KendoReact. Try to include the minimum possible amount of code.

1. Save your StackBlitz project by using the **SAVE** button at the top of the StackBlitz interface.

1. Copy the URL of your StackBlitz project from your browser’s address bar.

1. [Open a new issue in this repo](https://github.com/telerik/kendo-react/issues/new) and your StackBlitz link in the description.

1. Provide any additional information necessary for us to reproduce the problem, such as browser version, steps to perform, etc.

> We might not be able to act on issues without a runnable demo.

If you need assistance on troubleshooting or isolating a problem, you can request a remote assistance session through our [Support Ticket](https://www.telerik.com/account/support-center/contact-us/technical-support) system. Remote Assistance is included in our [Ultimate Support](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) subscription.

### When do you plan to release feature X?

1. Check the [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap) to see a list of features we have planned.

1. If your feature isn’t listed there, [check our feedback portal](https://feedback.telerik.com/kendo-react-ui). If you don’t see your feature on our portal, you can request the feature there.

## React UI Components

### Animations

![](https://img.shields.io/npm/v/@progress/kendo-react-animation)

  Animation

  React Animation Features

  Documentation & Demos

### Barcodes

![](https://img.shields.io/npm/v/@progress/kendo-react-barcodes)

  Barcode

  React Barcode Features

  Documentation & Demos

 

  QR Code

  React QR Code Features

  Documentation & Demos

### Buttons

![](https://img.shields.io/npm/v/@progress/kendo-react-buttons)

  Button

  React Button Features

  Documentation & Demos

  ButtonGroup

  React ButtonGroup Features

  Documentation & Demos

  Chip

  React Chip Features

  Documentation & Demos

  ChipList

  React ChipList Features

  Documentation & Demos

  DropDownButton

  React DropDownButton Features

  Documentation & Demos

  FloatingActionButton

  React Floating Action Button Features

  Documentation & Demos

  SplitButton

  React SplitButton Features

  Documentation & Demos

  Toolbar

  React Toolbar Features

  Documentation & Demos

### Charts

![](https://img.shields.io/npm/v/@progress/kendo-react-charts)

 

  Chart

  React Chart Features

  Documentation & Demos

  Heatmap

  React Heatmap Features

  Documentation & Demos

 

  Sparkline

  React Sparkline Features

  Documentation & Demos

 

  Area Chart

  React Area Chart Features

  Documentation & Demos

 

  Bar Chart

  React Bar Chart Features

  Documentation & Demos

 

  Box Plot

  React Box Plot Features

  Documentation & Demos

 

  Bubble Chart

  React Bubble Chart Features

  Documentation & Demos

 

  Donut Chart

  React Donut Chart Features

  Documentation & Demos

  Funnel Chart

  React Funnel Chart Features

  Documentation & Demos

  Line Chart

  React Line Chart Features

  Documentation & Demos

  Pie Chart

  React Pie Chart Features

  Documentation & Demos

  Polar Chart

  React Polar Chart Features

  Documentation & Demos

  Pyramid Chart

  React Pyramid Chart Features

  Documentation & Demos

  Radar Chart

  React Radar Chart Features

  Documentation & Demos

  Range Area Chart

  React Range Area Chart Features

  Documentation & Demos

  Scatter Chart

  React Scatter Chart Features

  Documentation & Demos

 

  Sankey Chart

  React Sankey Chart Features

  Documentation & Demos

### Common Utilities

![](https://img.shields.io/npm/v/@progress/kendo-react-conversational-ui)

  Drag&Drop Utilities

  React Drag&Drop Utilities Features

  Documentation & Demos

 

  Typography

  React Typography Features

  Documentation & Demos

 

  Icon & SVG Icon

  React Icon & SVG Icon Features

  Documentation & Demos

### Conversational UI

![](https://img.shields.io/npm/v/@progress/kendo-react-conversational-ui)

  Conversational UI

  React Conversational UI Features

  Documentation & Demos

 

  AIPrompt

  React AIPrompt Features

  Documentation & Demos

### Data Grid

![](https://img.shields.io/npm/v/@progress/kendo-react-grid)

  Data Grid

  React Data Grid Features

  Documentation & Demos

### Data Query

![](https://img.shields.io/npm/v/@progress/kendo-data-query)

  Data Query

  React Data Query Features

  Documentation & Demos

### Data Tools

![](https://img.shields.io/npm/v/@progress/kendo-react-data-tools)

  Filter

  React Filter Features

  Documentation & Demos

  Pager

  React Pager Features

  Documentation & Demos

### Date Inputs

![](https://img.shields.io/npm/v/@progress/kendo-react-dateinputs)

  Calendar

  React Calendar Features

  Documentation & Demos

  DateInput

  React DateInput Features

  Documentation & Demos

  DatePicker

  React DatePicker Features

  Documentation & Demos

  DateRangePicker

  React DateRangePicker Features

  Documentation & Demos

  DateTimePicker

  React DateTimePicker Features

  Documentation & Demos

  MultiViewCalendar

  React MultiViewCalendar Features

  Documentation & Demos

  TimePicker

  React TimePicker Features

  Documentation & Demos

### Date Math

![](https://img.shields.io/npm/v/@progress/kendo-date-math)

  Date Math

  React Date Math Features

  Documentation & Demos

### Dialogs

![](https://img.shields.io/npm/v/@progress/kendo-react-dialogs)

  Dialog

  React Dialog Features

  Documentation & Demos

  Window

  React Window Features

  Documentation & Demos

### Drawing

![](https://img.shields.io/npm/v/@progress/kendo-drawing)

  Drawing Library

  React Drawing Library Features

  Documentation & Demos

### Dropdowns

![](https://img.shields.io/npm/v/@progress/kendo-react-dropdowns)

  AutoComplete

  React AutoComplete Features

  Documentation & Demos

  ComboBox

  React ComboBox Features

  Documentation & Demos

  DropDownList

  React DropDownList Features

  Documentation & Demos

  DropDownTree

  React DropDownTree Features

  Documentation & Demos

  MultiColumnComboBox

  React MultiColumn ComboBox Features

  Documentation & Demos

  MultiSelect

  React MultiSelect Features

  Documentation & Demos

 

  MultiSelect Tree

  React MultiSelect Tree Features

  Documentation & Demos

### Editor

![](https://img.shields.io/npm/v/@progress/kendo-react-editor)

  Editor

  React Editor Features

  Documentation & Demos

### Excel Export

![](https://img.shields.io/npm/v/@progress/kendo-react-excel-export)

  Excel Export

  React Excel Export Features

  Documentation & Demos

### File Saver

![](https://img.shields.io/npm/v/@progress/kendo-file-saver)

  File Saver

  React File Saver Features

  Documentation & Demos

### Form

![](https://img.shields.io/npm/v/@progress/kendo-react-form)

  Form

  React Form Features

  Documentation & Demos

 

  FieldArray

  React FieldArray Features

  Documentation & Demos

 

  FieldWrapper

  React FieldWrapper Features

  Documentation & Demos

 

  FormElement

  React FormElement Features

  Documentation & Demos

### Gantt

![](https://img.shields.io/npm/v/@progress/kendo-react-gantt)

  Gantt

  React Gantt Chart Features

  Documentation & Demos

### Gauges

![](https://img.shields.io/npm/v/@progress/kendo-react-gauges)

  Arc Gauge

  React Arc Gauge Features

  Documentation & Demos

 

  Circular Gauge

  React Circular Gauge Features

  Documentation & Demos

  Linear Gauge

  React Linear Gauge Features

  Documentation & Demos

  Radial Gauge

  React Radial Gauge Features

  Documentation & Demos

### Indicators

![](https://img.shields.io/npm/v/@progress/kendo-react-indicators)

  Badge

  React Badge Features

  Documentation & Demos

  Loader

  React Loader Features

  Documentation & Demos

 

  Skeleton

  React Skeleton Features

  Documentation & Demos

### Inputs

![](https://img.shields.io/npm/v/@progress/kendo-react-inputs)

  Checkbox

  React Checkbox Features

  Documentation & Demos

  ColorGradient

  React ColorGradient Features

  Documentation & Demos

  ColorPalette

  React ColorPalette Features

  Documentation & Demos

  ColorPicker

  React ColorPicker Features

  Documentation & Demos

 

  FlatColorPicker

  React FlatColorPicker Features

  Documentation & Demos

  Input

  React Input Features

  Documentation & Demos

  MaskedTextBox

  React MaskedTextBox Features

  Documentation & Demos

  NumericTextBox

  React NumericTextBox Features

  Documentation & Demos

  RadioButton

  React RadioButton Features

  Documentation & Demos

  RadioButtonGroup

  React RadioButtonGroup Features

  Documentation & Demos

  RangeSlider

  React RangeSlider Features

  Documentation & Demos

  Rating

  React Rating Features

  Documentation & Demos

  Slider

  React Slider Features

  Documentation & Demos

  Switch

  React Switch Features

  Documentation & Demos

  TextArea

  React TextArea Features

  Documentation & Demos

### Labels

![](https://img.shields.io/npm/v/@progress/kendo-react-labels)

  Error

  React Error Features

  Documentation & Demos

  FloatingLabel

  React FloatingLabel Features

  Documentation & Demos

  Hint

  React Hint Features

  Documentation & Demos

  Label

  React Label Features

  Documentation & Demos

### Layout

![](https://img.shields.io/npm/v/@progress/kendo-react-layout)

  AppBar

  React AppBar Features

  Documentation & Demos

  Avatar

  React Avatar Features

  Documentation & Demos

  BottomNavigation

  React Bottom Navigation Features

  Documentation & Demos

 

  Breadcrumb

  React Breadcrumb Features

  Documentation & Demos

  Card

  React Card Features

  Documentation & Demos

  Drawer

  React Drawer Features

  Documentation & Demos

 

  ExpansionPanel

  React ExpansionPanel Features

  Documentation & Demos

 

  Grid Layout

  React Grid Layout Features

  Documentation & Demos

  Menu

  React Menu Features

  Documentation & Demos

  PanelBar

  React PanelBar Features

  Documentation & Demos

  Splitter

  React Splitter Features

  Documentation & Demos

 

  Stack Layout

  React Stack Layout Features

  Documentation & Demos

  Stepper

  React Stepper Features

  Documentation & Demos

  TabStrip

  React TabStrip Features

  Documentation & Demos

  TileLayout

  React TileLayout Features

  Documentation & Demos

  TimeLine

  React TimeLine Features

  Documentation & Demos

### ListBox

![](https://img.shields.io/npm/v/@progress/kendo-react-listbox)

  ListBox

  React ListBox Features

  Documentation & Demos

### ListView

![](https://img.shields.io/npm/v/@progress/kendo-react-listview)

  ListView

  React ListView Features

  Documentation & Demos

### Notification

![](https://img.shields.io/npm/v/@progress/kendo-react-notification)

  Notification

  React Notification Features

  Documentation & Demos

### PDF Processing

![](https://img.shields.io/npm/v/@progress/kendo-react-pdf)

  PDF Generator

  React PDF Generator Features

  Documentation & Demos

### Pivot Grid

![](https://img.shields.io/npm/v/@progress/kendo-react-pdf)

  PivotGrid

  React Pivot Grid Features

  Documentation & Demos

### Popup

![](https://img.shields.io/npm/v/@progress/kendo-react-popup)

  Popup

  React Popup Features

  Documentation & Demos

### Progress Bars

![](https://img.shields.io/npm/v/@progress/kendo-react-progressbars)

  ChunkProgressBar

  React ChunkProgressBar Features

  Documentation & Demos

  ProgressBar

  React ProgressBar Features

  Documentation & Demos

### Ripple

![](https://img.shields.io/npm/v/@progress/kendo-react-ripple)

  Ripple

  React Ripple Features

  Documentation & Demos

### Scheduler

![](https://img.shields.io/npm/v/@progress/kendo-react-scheduler)

  Scheduler

  React Scheduler Features

  Documentation & Demos

### ScrollView (Carousel)

![](https://img.shields.io/npm/v/@progress/kendo-react-scrollview)

  ScrollView

  React ScrollView (Carousel) Features

  Documentation & Demos

### Sortable

![](https://img.shields.io/npm/v/@progress/kendo-react-sortable)

  Sortable

  React Sortable Features

  Documentation & Demos

### Tooltips

![](https://img.shields.io/npm/v/@progress/kendo-react-tooltip)

  Tooltip

  React Tooltip Features

  Documentation & Demos

 

  Popover

  React Popover Features

  Documentation & Demos

### TreeList

![](https://img.shields.io/npm/v/@progress/kendo-react-treelist)

  TreeList

  React TreeList Features

  Documentation & Demos

### TreeView

![](https://img.shields.io/npm/v/@progress/kendo-react-treeview)

  TreeView

  React TreeView Features

  Documentation & Demos

### Upload

![](https://img.shields.io/npm/v/@progress/kendo-react-upload)

  External Drop Zone

  React External Drop Zone Features

  Documentation & Demos

 

  Upload

  React Upload Features

  Documentation & Demos

### OrgChart

![](https://img.shields.io/npm/v/@progress/kendo-react-orgchart)

  OrgChart

  React OrgChart Features

  Documentation & Demos

### SpreadSheet

![](https://img.shields.io/npm/v/@progress/kendo-react-spreadsheet)

  SpreadSheet

  React SpreadSheet Features

  Documentation & Demos

### PDFViewer

![](https://img.shields.io/npm/v/@progress/kendo-react-pdf-viewer)

  PDFViewer

  React PDFViewer Features

  Documentation & Demos

### TaskBoard

![](https://img.shields.io/npm/v/@progress/kendo-react-taskboard)

  TaskBoard

  React TaskBoard Features

  Documentation & Demos

## Design-to-Development Support

### 3 Design Themes

  Default Theme

  KendoReact Default Theme

   Material Theme

  KendoReact Material Theme

  Bootstrap Theme

  KendoReact Bootstrap Theme

  Fluent Theme

  KendoReact Fluent Theme

### Design Kits

  3 Kendo UI Design Kits for Figma

   Kendo UI Figma Design Kits

  Documentation

### Customize the KendoReact Themes to Match Your Brand

  KendoReact ThemeBuilder

  Apply Your Brand Colors

  KendoReact ThemeBuilder App

## Sample Applications

### React Dashboard Application

We created the [React Dashboard Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/react-coffee-warehouse-dashboard/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) following the best practices of building UI with KendoReact components, which makes it a fantastic learning resource. You can see how easy it is to set up complex components such as the Data Grid (Table), Charts, Scheduler or Forms.

* [Live demo](https://telerik.github.io/react-coffee-warehouse)

* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/react-coffee-warehouse)

![Coffee warehouse sample](images/coffee-warehouse.png)

### Financial Portfolio Application

The [React Financial Portfolio Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/finance-application/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) shows how to create fast, beautiful and dynamic financial dashboards. It takes full advantage of React's fast rendering and shows dynamic data updates in real time which allows monitoring data with no visible delay.

* [Live demo](https://telerik.github.io/kendo-react-finance-portfolio)

* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-finance-portfolio)

![Financial portfolio sample](images/financial-portfolio.png)

### File Manager Template Application

The [React File Manager Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/file-manager/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) is an Explorer-like application built entirely with KendoReact components that enables you to manage files and folders. You can show additional information about the selected file in a template-customizable Preview Pane, which you can show or hide through a switch button.

* [Live demo](https://telerik.github.io/kendo-react-file-manager)

* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-file-manager)

![React FileManager Template App](images/React-FileManager-Template-App.png)

### React Data Grid with NodeJS / ASP.NET Core Server Example

You can take advantage of two full stack sample applications built with the KendoReact Data Grid on the frontend and **Node.js** and **ASP.NET Core** on the backend to use as a reference when building your own applications. We hope they help to reduce the complexity of hooking up a server to our React Data Table component.

* [See the React Data Grid with NodeJS Express Server sample app](https://www.telerik.com/kendo-react-ui/components/sample-applications/nodejs-express/)

* [See the React Data Grid with ASP.NET Core Server sample app](https://www.telerik.com/kendo-react-ui/components/sample-applications/asp-net-core/)

![React-Data-Grid-ASPNET-Core-Nodejs-backend-demo](images/React-Data-Grid-ASPNET-Core-Nodejs-backend-demo.jpg)

### GitHub Issues Grid

The [React GitHub Issues Application](https://www.telerik.com/kendo-react-ui/components/sample-applications/issues-grid/) shows off how to use a KendoReact Data Grid to manage a large data set—in this case, all issues in the main Facebook React and GraphQL repositories.

* [Live demo](https://telerik.github.io/kendo-react-homepage-demo/)

* [Source code](https://github.com/telerik/kendo-react/tree/master/examples/kendo-react-homepage-demo)

![GitHub issues sample](images/github-issues.png)

## Useful Links

* [Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — See what’s coming to KendoReact.

* [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — A full list of what’s changed in KendoReact releases.

* [React Resources hub](https://www.telerik.com/kendo-react-ui/resources?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — A helpful list of KendoReact tutorials, blogs, videos, and more.

* [Support hub](https://www.telerik.com/kendo-react-ui/support?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — Technical resources and how-to articles.

* [Virtual Classroom](https://learn.telerik.com/learn/course/external/view/elearning/14/kendoreact?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — On-demand technical training, free with a trial or license.

* [Pricing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — Learn more about what you get with a KendoReact license.

* [React Blogs](https://www.telerik.com/blogs/tag/react?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — Explore many helpful expert-written blogs and tutorials on everything React, including KendoReact-specific guides.

* [React Wednesdays](https://www.telerik.com/react-wednesdays?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme) — A weekly chat show with the best and brightest from the React world, hosted by TJ VanToll.

## Licensing

[KendoReact](https://www.telerik.com/kendo-react-ui) is a commercial UI library. You will need to install a license key when adding the package to your project. To receive a license key, you need to either purchase a license or register for a free trial. Doing so indicates that you accept the KendoReact License Agreement. For more information, please refer to the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=github&utm_campaign=kendo-ui-react-trial-gh-public-readme).

The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the KendoReact dev team!