HeroCardComponent

Updated on Feb 5, 2026

Represents a Hero Card component. Hero cards display a single large image and action buttons with text content.

html

<kendo-chat-hero-card
  title="Card Title"
  subtitle="Card Subtitle"
  [actions]="actions">
</kendo-chat-hero-card>

Selector

kendo-chat-hero-card

Inputs

Name	Type	Default	Description
actions	Action[]		Sets the array of quick actions displayed as buttons.
imageUrl	string		Sets the URL of the hero card image.
subtitle	string		Sets the subtitle text displayed below the title.
title	string		Sets the title text displayed in the hero card.

Events

Name	Type	Description
executeAction	EventEmitter<Action>	Fires when the user clicks an action button.

Methods

onClick
Emits the executeAction event when you click an action button.
Parameters action any