# Action Buttons

The Kendo UI for Vue Window supports displaying action buttons beneath its content. Action buttons let users confirm, cancel, or choose between the outcomes of the Window. To show, hide, or replace the built-in titlebar buttons, see [Titlebar](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/window/title).

To define action buttons, place the buttons inside a `DialogActionsBar` element as a direct child of the Window and handle their click actions in your application. The Window renders the `DialogActionsBar` as a sibling of the `k-window-content` element instead of inside it. When the Window is minimized, the content is hidden and the `DialogActionsBar` is not rendered.

To change the alignment of the buttons, set the `layout` property of the `DialogActionsBar` 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.
* `stretched`—Stretches the buttons to fill the width of the Window. This is the default value.

To stack the buttons, set the `orientation` property to `horizontal` (default) or `vertical`.

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

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

## Suggested Links

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