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

    React Button - Overview, 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
  • 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

    React Button - Globalization, KendoReact UI Library
  • 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.

    React Accessibility - KendoReact
  • 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

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. 

All KendoReact Components

waves bg

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.