background

KendoReact

React Button

All you need in a React Button in one neat package: built-in styles, globalization and more.
Part of the KendoReact library along with 100+ professionally-designed components.
Includes support, documentation, demos, virtual classrooms, learning resources and more!

Start Free Trial

Docs & Demos

Button Header

Customizable and user-friendly button component

The React Button provides a clickable UI functionality and enables you to display only textual content, or show predefined icons, images and custom icons, and to render a combination of textual and image content.
See the React Button Overview demo
Icon Button

The KendoReact Button can have a combination of Icon and Text, or just Icons, as its main content. Icons can be provided through the built-in KendoReact Icons, as custom icons that can be imported as images, or any font icon library like FontAwesome.
See React Icon Button demo
Primary Button

As a part of several built-in styles for the KendoReact Button, the Primary Button provides a highlighted and unique look and feel to the React Button component.
See React Primary Button demo
Toggleable Button

A KendoReact Button that can be toggled showcases a clear representation between the default rendering of the Button and when the Button has been pressed.
See React Toggleable Button demo
Appearance

The KendoReact Button component provides a set of predefined appearance options. Additionally, you can play around with different styling options enabling you to customize each individual aspect of the button appearance.
See the React Button Appearance demo
Events

The KendoReact Button component supports a variety of events enabling you to tailor the button's behaviour based on your needs.
See the React Button Events demo
Globalization

The KendoReact Button supports being rendered in a right-to-left mode, allowing for the Button to be used in any globalization or localization scenarios.
See React Button Globalization demo
Accessibility

As a part of our commitment to accessibility, the KendoReact component is compliant with WAI-ARIA and Section 508 standards, and is rated AAA for WCAG 2.0.
Disabled Button

By default, the KendoReact Button component is enabled, but for scenarios that require the Button to be disabled until certain requirements have been met, a single configuration option can disable the React Button and prevent user interactions.
See React Disabled Button demo
Other supported frameworks
The Button component is also available for these web development frameworks:

Frequently Asked Questions

Where can I find the KendoReact demo?

You can find the KendoReact Button demo here.
How do I get started with the KendoReact Button component?

It is easy to get started. The first step is to sign up for a trial (or purchase a license). Once you have done that, see the Getting Started documentation article.
What makes the KendoReact Button component better?
- All KendoReact components are built from the ground up for React.
- It is one of over 100 other components developers use to build modern, consistent React UI.
- As a commercial product, it is frequently updated for React compatibility and user demand by a full-time team of experts.
- Our support team consistently wins accolades from industry organizations and users themselves.
- Each feature is meticulously documented.

How do I purchase the KendoReact Button component?

The Button component is part of the KendoReact component library which is part of the Kendo UI bundle. Kendo UI includes libraries for jQuery, Angular, React, and Vue. You can purchase Kendo UI online or by contacting sales.
How can I try the KendoReact Button component?

You can try all KendoReact Components by signing up for a 30-day trial. During your evaluation, you will have access to all the components, technical support, documentation, and on-demand technical training.

Next Steps

Next Steps

Start Free Trial

Docs & Demos