# Action Buttons

The Kendo UI for Angular Window does not render a separate actions bar. To show action buttons in thw Window content, nest them inside the `kendo-window` element, typically below the content text. Use CSS, such as flexbox, to set their alignment.

To render action buttons in a `kendo-window` element, add the `kendoButton` elements inside it after your content:

```html
<kendo-window title="Delete Data">
  <p>Are you sure you want to delete the selected data?</p>
  <div class="actions">
    <button kendoButton>Cancel</button>
    <button kendoButton themeColor="primary">Delete</button>
  </div>
</kendo-window>
```

You can also open a Window with the [`WindowService`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice) and pass a component that contains the action buttons as the `content` setting. The [Angular Service](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/service#window-close-prevention) article demonstrates a Window that renders a **Submit** button in its content in a similar way.

The following example renders action buttons in the content of a Window.

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

## Suggested Links

* [Titlebar](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/title)
* [Angular Service](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/service)
* [API Reference of the Window](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowcomponent)