packages/ecl/components/ecl-content-item/ecl-content-item-image.directive.ts
Directive used to style and configure the image container (e.g., picture) within a content item. It allows adjusting size, position, and zoom behavior of the image block.
| Selector | [eclContentItemPicture] |
Methods |
Inputs |
HostBindings |
Accessors |
| hasZoom |
Type : boolean
|
Default value : false
|
|
If true, enables a zoom effect on hover. |
| position |
Type : "left" | "right" | "top"
|
Default value : 'left'
|
|
Defines the position of the picture relative to the content. Accepted values: 'left' | 'right' | 'top' Default is 'left'. |
| size |
Type : "small" | "large"
|
Default value : 'large'
|
|
Controls the size of the picture. Default is 'large'. Accepted values: 'small' | 'large' |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
Computed CSS classes for the host element based on size and position. |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| cssClasses |
getcssClasses()
|
|
Computed CSS classes for the host element based on size and position.
Returns :
string
|