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

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

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

All KendoReact Components

Next Steps