KendoReact Buttons Overview

The KendoReact Buttons is a collection of customizable, responsive, and interactive UI components that you can use to trigger actions or display content in your React apps.

Use React Buttons for FreeYou can use the free components from the React Buttons package in production—no sign-up or license required. Buttons are part of KendoReact, an enterprise-grade UI library with 120+ free and premium components. To test-drive premium components, start a 30-day trial.

The following demo shows the components included in the KendoReact Buttons package:

Change Theme

Theme

Loading ...

What are the KendoReact Buttons?

The Buttons are native KendoReact components built specifically for the React ecosystem and distributed via npm.

@progress/kendo-react-buttons

Package Contents

The package includes a rich selection of fully configurable button types that help you create stylish and practical applications.

Free React Buttons

The following components are available for use without a commercial license.

Button

A React button component.

ButtonGroup

Grouped Buttons with identical functionalities.

Chip

A component allowing users to enter information, make selections, filter content, or trigger actions.

ChipList

A component allowing you to maintain a set of selected chips.

FloatingActionButton

A component for specifying the primary action in an application.

Toolbar

A React toolbar component for holding Button and ButtonGroup elements.

Premium React Buttons

The following components require a commercial license.

DropDownButton

A component for executing additional action items.

SplitButton

A component for executing default or predefined actions.

Key Features

The KendoReact Buttons provide the following key features. Note that this is not an exhaustive list.

Highly customizable and easy to style appearance
- Built-in appearance options to adjust the form and dimensions of your buttons
- Built-in themes
- Theme customization
- Self-created themes
- Unstyled mode
Built-in disabled mode via the disabled property
Customization with icons, avatars, and animations
Globalization
Out-of-the-box accessibility and keyboard navigation

How Do the KendoReact Buttons Work?

The KendoReact Buttons provide both free React buttons and premium buttons which require a commercial license key or an active trial license key. If you need to develop apps using the premium React buttons or other premium KendoReact components and features, follow the instructions on the My License page to activate your license.

The KendoReact Buttons are built natively for React, with no dependencies. They leverage key React concepts such as components-based architecture, props and state management, conditional rendering, and event handling.

You have complete control over your React buttons and you can extend or override their default behaviors and appearance via props and event handlers.

React Buttons with Other KendoReact Components

You can combine multiple KendoReact components with the React buttons in the same application:

Add buttons to your Grid header or rows.
Use buttons to submit data with Inputs.
Build more interactive Dialogs with buttons.
Show Notifications when you trigger an action with a button.
Toggle between Chart types in complex reporting apps.

The Buttons package is a dependency for multiple other KendoReact components.

React Buttons with Other Telerik Components

Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.

Frequently Asked Questions

Are the KendoReact Buttons Free to Use

The KendoReact Buttons provide both free React buttons and premium buttons which require a commercial license key or an active trial license key.

You can start using the free components without any license or registration with Progress or Telerik.

How to Create Buttons in React

To create a button in React, you need to install the KendoReact Buttons package and then import the respective button components in your application. After that, you can use the various available button components in your React application. For more information, refer to the Getting Started with the KendoReact Buttons article.

How to Upgrade to the Premium Buttons

If you want to use any of the premium React buttons, UI components, or component features, you need a valid commercial license or an active trial license. A free trial is available, if you want to try out the premium features before purchase.

What are the Available Support Options

For any questions about the use of KendoReact Buttons, or any other KendoReact components, there are several free support options available:

The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.

KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.

Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.