KendoReact Data Tools Library for React

Important

This package is а part of KendoReact—an enterprise-grade UI library with 120+ free and premium components.

This package contains both free and premium KendoReact data tools. To use the premium components, you will need to purchase a license or register for a free trial. You can use the free tools even in production, no sign-up or license required.

If you're looking for free React components, check out Get Started with KendoReact Free: 50+ Free React Components.

If you have an active license, visit the KendoReact My License page to learn how to configure your KendoReact licensing.

Installing and working with this package indicates that you accept the KendoReact License Agreement.

The 30-day free trial gives you access to all the 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!

Start using KendoReact and speed up your development process!

The React Data Tools package, part of KendoReact, delivers data-related components to manage and control the data in the application.

How to start:

npm install --save @progress/kendo-react-data-tools @progress/kendo-data-query @progress/kendo-drawing @progress/kendo-licensing @progress/kendo-react-animation @progress/kendo-react-buttons @progress/kendo-react-common @progress/kendo-react-dateinputs @progress/kendo-react-dropdowns @progress/kendo-react-inputs @progress/kendo-react-intl @progress/kendo-react-popup @progress/kendo-svg-icons

What's in this package:

React Data Tools Library Shared Features
React Pager component
React Filter component

Additional information:

React Data Tools Library Shared Features

Accessibility support—The Data Tools are compliant with WAI-ARIA and Section 508.
Theme support—The KendoReact Data Tools, as well as all 120+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, Fluent, and Default) and can be further customized to match your specific design guidelines.

This is a free React component—no sign-up or license required, even in production.

The KendoReact Pager component provides options for splitting content into pages. It is very customizable, allowing developers to change the type of the pager, the button counts for the pages, the messages and more.

How to use the Pager tool in your apps:

import { Pager, PageChangeEvent } from '@progress/kendo-react-data-tools';
...
/**
* Handle the logic for changing the page. Note that you need to update the skip and the take props.
*/ 
<Pager 
    skip={skip}
    take={take}
    total={50}
    onPageChange={handlePageChange}
/>

React Filter Component

This is a KendoReact premium component and requires a commercial license or an active trial license.

The KendoReact Filter component provides an intuitive interface to build out complex filter descriptions. The component can tie into any existing data model and provide an ever-expanding list of parameters to be used as a part of the filter expression. Each filter parameter can be removed as easily as it was added, by simply clicking the delete action item.

import { Filter, FilterChangeEvent } from "@progress/kendo-react-data-tools";
...
/**
* Provide the data that you want to filter.
* Define the fields for the filter.
* Handle the logic when changing the filter. Note that you need to update the filter value.
*/ 
<Filter 
    fields={fields}
    value={value}
    onChange={handleFilterChange}
/>;

Support Options

For any issues you might encounter while working with the KendoReact Data Tools, use any of the available support channels:

Industry-leading technical support—KendoReact paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated KendoReact support system.
Product forums—The KendoReact forums are part of the free support you can get from the community and from the KendoReact team.
Feedback portal—The KendoReact feedback portal is where you can request and vote for new features to be added.

Resources

High-level component overview pages:

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.

@progress/kendo-react-data-tools

Package Exports

Readme

KendoReact Data Tools Library for React

React Data Tools Library Shared Features

React Pager Component

React Filter Component

Support Options

Resources