Kendo UI Buttons for React

• Overview
• Basic Usage
• Installation
• Browser Support
• Glossary
  • Component
  • Package

Overview

This repository contains the source code and documentation of the Kendo UI components for React.

The package includes the Button and ButtonGroup components.

For more information on forthcoming Buttons package features and components, refer to the Roadmap.

Basic Usage

Kendo UI Button for React

The Button allows users to achieve a UI functionality by clicking on it.

    <div id="app"></div>

    class ButtonContainer extends React.Component {
        onClick = () => {
            //handle event
        }
        render() {
            return (
                <div>
                    <KendoReactButtons.Button onClick={this.onClick}>My Button</KendoReactButtons.Button>
                </div>
            );
        }
    }

    ReactDOM.render(
        <ButtonContainer />,
        document.getElementById('app')
    );    

For more examples and available configuration options, refer to the Button documentation section.

Kendo UI ButtonGroup for React

The ButtonGroup is a group of more than one Kendo UI Buttons for React.

    <div id="app"></div>

    ReactDOM.render(
        <KendoReactButtons.ButtonGroup>
            <KendoReactButtons.Button>Button 1</KendoReactButtons.Button>
            <KendoReactButtons.Button>Button 2</KendoReactButtons.Button>
            <KendoReactButtons.Button>Button 3</KendoReactButtons.Button>
        </KendoReactButtons.ButtonGroup>,
        document.getElementById('app')
    );    

For more examples and available configuration options, refer to the ButtonGroup documentation section.

Installation

The React Buttons are published as a public scoped NPM package in the Telerik organization in http://npmjs.org/.

Install it using NPM:

npm install --save @telerik/kendo-react-buttons;

Once installed, import the module:

// ES2015 module syntax
import * as KendoReactButtons from 'kendo-react-buttons';

// CommonJS format
var Button = require('kendo-react-buttons').Button;
var ButtonGroup = require('kendo-react-buttons').ButtonGroup;

Browser Support

The Kendo UI Buttons components for React support all browsers that are supported by the React framework—Internet Explorer 9 and later versions.

Glossary

Below are explained the basic terms that Kendo UI suite for React applies.

Component

A Component refers to a React Component.

Package

A package contains one or more components, developed in a single repository and distributed in a single NPM package. For example, the Kendo UI Button and ButtonGroup components for React are part of the Buttons Package.