packages/ecl/components/ecl-card/ecl-card.component.ts
Card component based on the ECL design system. Combines image, title, and content block areas into a unified card layout.
| selector | ecl-card |
| styles |
:host {
display: block;
}
|
| templateUrl | ./ecl-card.component.html |
Properties |
Methods |
Inputs |
HostBindings |
Accessors |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| attr.role |
Type : string
|
Default value : 'article'
|
|
Sets the ARIA role for the card. |
| class |
Type : string
|
|
Computes and returns the CSS class string for the card container. |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclCardImage |
Type : EclCardImageDirective
|
Decorators :
@ContentChild(undefined, {descendants: true})
|
|
Projected image directive inside the card. |
| eclContentBlock |
Type : EclContentBlockComponent
|
Decorators :
@ContentChild(undefined, {descendants: true})
|
|
Projected ECL content block inside the card. |
| eclContentBlockTitle |
Type : EclContentBlockTitleDirective
|
Decorators :
@ContentChild(undefined, {descendants: true})
|
|
Projected content block title directive inside the card. |
| role |
Type : string
|
Default value : 'article'
|
Decorators :
@HostBinding('attr.role')
|
|
Sets the ARIA role for the card. |
| cssClasses |
getcssClasses()
|
|
Computes and returns the CSS class string for the card container.
Returns :
string
|