# Card Action Buttons

The Card provides options for rendering action buttons and customizing their content, orientation, and layout.

To specify the action buttons of the Card, use either of the following approaches:

* [Providing custom `actions` content](https://www.telerik.com/kendo-angular-ui-develop/components/layout/card/action_buttons#providing-custom-actions-content)
* [Providing an `actions` collection](https://www.telerik.com/kendo-angular-ui-develop/components/layout/card/action_buttons#providing-an-actions-collection)

## Providing Custom Actions Content

To specify action buttons in the Card, you can use the `<kendo-card-actions>` element. You can arrange the content of the buttons either horizontally or vertically by using the [`orientation`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/cardactionscomponent#orientation) option of the `<kendo-card-actions>` component.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/card/action_buttons/source.txt)

## Providing an Actions Collection

You can also specify action buttons in the Card by listing the actions as a [`CardAction`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/cardaction) collection and passing them to the `actions` property. To customize the layout of the buttons, use the [`layout`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/cardactionscomponent#layout) option of the `<kendo-card-actions>` component.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/card/action_buttons/action_collection/source.txt)

## Suggested Links

* [API Reference of the Card](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/cardcomponent)