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.


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

React Button - Overview, KendoReact UI Library

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

React Button - Disabled Button, KendoReact UI Library

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

React Button - Icon Button, KendoReact UI Library

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

React Button - Primary Button, KendoReact UI Library

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

React Button - Toggleable, KendoReact UI Library


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

React Button - Globalization, KendoReact UI Library


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.

React Button - Accessibility, KendoReact UI Library

Next Steps

Visit Our Demos

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

See Pricing

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.