• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

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

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 option of the <kendo-card-actions> component.

Example
View Source
Change Theme:

Providing an Actions Collection

You can also specify action buttons in the Card by listing the actions as a CardAction collection and passing them to the actions property. To customize the layout of the buttons, use the layout option of the <kendo-card-actions> component.

Example
View Source
Change Theme: