packages/components/eui-card/components/eui-card-media/eui-card-media.component.ts
The eui-card-header-body component projects the body for eui-card-header.
Example :<eui-card>
<eui-card-media imageUrl="./assets/images/cards/home-card-law.jpg" />
<eui-card-content>
Card Content
</eui-card-content>
</eui-card>| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | eui-card-media |
| imports |
NgTemplateOutlet
RouterLink
|
| templateUrl | ./eui-card-media.component.html |
| styleUrl | ./eui-card-media.scss |
Properties |
Inputs |
HostBindings |
| imageClickUrl |
Type : string
|
|
Option to set an internal link Url (routerLink). |
| imageClickUrlExternal |
Type : string
|
|
Option to set an external link Url (href). |
| imageDescription |
Type : string
|
Default value : 'eUI Card Image'
|
|
Option to specify an image description. |
| imageHeight |
Type : string
|
Default value : 'auto'
|
|
Option to specify the image height. |
| imageLegend |
Type : string
|
|
The image legend to display in the card. |
| imageUrl |
Type : string
|
|
The image URL to display in the card. |
| class |
Type : string
|
Default value : 'eui-card-media'
|
|
Binds the class to the component. |
| string |
Type : string
|
Default value : 'eui-card-media'
|
Decorators :
@HostBinding('class')
|
|
Binds the class to the component. |