KendoReact

React Button

All you need in a React Button in one neat package: disabled/enabled states, built-in styles (primary/secondary), globalization and more.
Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.

Buy Now

Start Free Trial

Overview

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 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
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

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.

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.