packages/ecl/components/ecl-file/ecl-file.component.ts
Component representing a file item with optional metadata, description, and image (thumbnail) support.
| selector | ecl-file |
| imports |
EUI_ECL_ICON
EUI_ECL_LABEL
|
| styles |
:host {
display: block;
}
|
| templateUrl | ./ecl-file.component.html |
Properties |
Methods |
Inputs |
HostBindings |
Accessors |
| description |
Type : string
|
|
Optional description displayed under the file title. |
| detailMeta |
Type : string[]
|
|
Additional details displayed in the file component (e.g. file size, date). |
| id |
Type : string
|
|
Optional ID for the file component, useful for accessibility or referencing. |
| labelInfo |
Type : string
|
|
Additional label shown next to the language label, e.g. file type or status. |
| langId |
Type : string
|
|
Optional language ID (e.g., for translation or accessibility attributes). |
| language |
Type : string
|
|
Language indicator string (e.g. "EN", "FR") used in the label. |
| meta |
Type : string
|
|
Main metadata displayed for the file (e.g. format, license). |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
Host element CSS classes based on theme and content. |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclPictureContent |
Type : EclFilePictureDirective
|
Decorators :
@ContentChild(EclFilePictureDirective)
|
|
Optional image directive projected via content slot, used for thumbnails. |
| eclThemeService |
Type : unknown
|
Default value : inject(EclThemeService)
|
| cssClasses |
getcssClasses()
|
|
Host element CSS classes based on theme and content.
Returns :
string
|
| isThumbnail |
getisThumbnail()
|
|
Determines whether the file has an associated thumbnail.
Returns true if an
Returns :
boolean
|