React Button

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

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

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.