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

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

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 Button - Accessibility, KendoReact UI Library

All KendoReact Components

Animation
Conversational UI
Data Grid
Data Query
Data Tools
Date Math
Editor
Excel Export
File Saver
Gantt Chart
ListBox
ListView
Notification
PDF Processing
PivotGrid
Popup
Ripple
Scheduler
Sortable
TreeList
TreeView

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.