• 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

HeroCardComponent

Represents a Hero Card component (see example). Hero cards host a single large image and action buttons with text content.

Selector

kendo-chat-hero-card

Inputs

NameTypeDefaultDescription

actions

Action[]

An array with the possible quick actions for this hero card.

imageUrl

string

The URL of the hero card image.

subtitle

string

The subtitle of the hero card.

title

string

The title of the hero card.

Events

NameTypeDescription

executeAction

EventEmitter<Action>

Fires when the user clicks a button.

Methods

onClick

Parameters

action

any

In this article

Not finding the help you need?