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.
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 |
|
Sets the array of quick actions for this hero card. | |
imageUrl |
|
Sets the URL of the hero card image. | |
subtitle |
|
Sets the subtitle of the hero card. | |
title |
|
Sets the title of the hero card. |
Events
Name | Type | Description |
---|---|---|
executeAction |
|
Fires when the user clicks a button. |
Methods
onClick | ||||||
---|---|---|---|---|---|---|
Emits the | ||||||
|