React Components Documentation

Most Popular KendoReact Components

React Data Grid

The Data Grid allows users to browse, edit, filter, group, sort, select, and export tabular data.

React Charts

The Charts allow users to visualize and output graphical representations of data.

React Editor

The Editor enables users to create rich textual content through a WYSIWYG interface.

React Form

The Form is a small and fast package for form state management.

React Scheduler

Let users view and edit their event calendars with the Scheduler.

PDF Generator

Export any portion of a React application to PDF with PDF Processing.

Sample React Applications

React StockCharts

Run sample

React Dashboard

Run sample

Server Data Binding

Run sample

React Admin Dashboard

Run sample

New to KendoReact?KendoReact is a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

React UI Components

Animation Expand Fade Push Reveal Slide Zoom

Barcodes Barcode QR Code

Buttons Button ButtonGroup Chip ChipList DropDownButton FloatingActionButton SplitButton Toolbar

Chart Wizard

Conversational UI AIPrompt

Common Utilities Drag&Drop Icon SVGIcon Typography Keyboard Navigation

Data Tools Pager Filter

Date Inputs Calendar DateInput DatePicker DateRangePicker DateTimePicker MultiViewCalendar TimePicker

Dialogs Dialog Window

Dropdowns AutoComplete ComboBox DropDownList DropDownTree MultiColumnComboBox MultiSelect MultiSelectTree

Editor

Form

Gantt

Gauges ArcGauge LinearGauge RadialGauge CircularGauge

Data Grid

Indicators Badge Loader Skeleton

Inputs Checkbox ColorPicker ColorGradient ColorPalette FlatColorPicker Input MaskedTextBox NumericTextBox RadioButton RadioGroup RangeSlider Rating Signature Slider Switch TextArea TextBox

Labels Label Floating Label Hint Error

Layout ActionSheet AppBar Avatar BottomNavigation Breadcrumb Card ContextMenu Drawer ExpansionPanel GridLayout Menu PanelBar Splitter StackLayout Stepper TabStrip TileLayout TimeLine

ListBox

ListView

OrgChart

Map

Notification

PivotGrid

Popup

Progress Bars ProgressBar ChunkProgressBar

Ripple

Scheduler

ScrollView

Sortable

TaskBoard

Tooltips Tooltip Popover

TreeList

TreeView

Upload ExternalDropZone

Excel Export

PDF Processing

PDF Viewer

Spreadsheet

Data Query

Date Math

File Saver

Drawing

Styling

Styling Design Kits for Figma Customizing Themes Icons ThemeBuilder Building Blocks and Page Templates

Project Setup

Activating Your License Key Using with create-react-app Using with .NET Core Using with scripts Using in Progressive Web Applications Using with Server Side Rendering Obtaining Source Code Obtaining Development Builds System Requirements VS Code Extension

Not finding the help you need?

Contact Support