# Action Buttons

The KendoReact Window supports displaying action buttons beneath its content. Action buttons let users confirm, cancel, or choose between the outcomes of the Window.

To define action buttons, place the buttons inside a `WindowActionsBar` element as a direct child of the Window and handle their click actions in your application. The Window renders the `WindowActionsBar` below the content area.

To change the alignment of the buttons, set the [`layout`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowactionsbarprops#layout) property of the `WindowActionsBar` to one of the following values:

* `start`—Aligns the buttons to the start of the Window.
* `center`—Centers the buttons.
* `end`—Aligns the buttons to the end of the Window. This is the default value.
* `stretched`—Stretches the buttons to fill the width of the Window.

The following example renders action buttons in a `WindowActionsBar` and lets you change their layout.

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

## Suggested Links

* [Learn about KendoReact Free.](https://www.telerik.com/kendo-react-ui-develop/components/getting-started/free-vs-premium)

* [Titlebar](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/title)

* [API Reference of the Window](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/window)

* [API Reference of the WindowActionsBar](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowactionsbarprops)