# KendoReact Button Overview

The KendoReact Button provides a clickable UI functionality, and you can configure it to perform any action or trigger an event.

To make the Button even more user-friendly and intuitive to use, you can display textual content, predefined icons, images, custom icons, or render a combination of textual and image content within the Button.

The KendoReact Button is distributed through the [kendo-react-buttons NPM package](https://www.npmjs.com/package/@progress/kendo-react-buttons).

<CtaPanelOverview></CtaPanelOverview>

## Default Button

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/button/overview/default-buttons/source.txt)

## Flat Button

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/button/overview/flat-buttons/source.txt)

## Outline Button

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/button/overview/outline-buttons/source.txt)

## Link Button

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/button/overview/link-buttons/source.txt)

## Icon Button

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/button/overview/icon-buttons/source.txt)

## Toggleable Button

[Demo Source](https://demos.telerik.com/kendo-react-ui/buttons/button/toggle/func/source.txt)

## KendoReact Button APIs

* [API Reference of the Button](https://www.telerik.com/kendo-react-ui-develop/components/buttons/api/buttonprops)
