### File

`packages/ecl/components/ecl-file/ecl-file.component.ts`

### Description

Component representing a file item with optional metadata, description, and image (thumbnail) support.

### Extends

`ECLBaseDirective`

### Metadata

selector | `ecl-file`
imports | `EUI_ECL_ICON` `EUI_ECL_LABEL`
styles | `:host { display: block; }`
templateUrl | `./ecl-file.component.html`

### Index

###### Properties
eclPictureContent eclThemeService
###### Methods
getCssClasses
###### Inputs
description detailMeta id labelInfo langId language meta class e2eAttr tabindex
###### HostBindings
class
###### Accessors
cssClasses isThumbnail

### Inputs

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`

### HostBindings

class
Type : `string`
Host element CSS classes based on theme and content.

### Methods

getCssClasses
`getCssClasses(rootClass: string)`
Parameters :
Name | Type | Optional
rootClass | `string` | No
Returns : `string`

### Properties

eclPictureContent
Type : `EclFilePictureDirective`
Decorators : `@ContentChild(EclFilePictureDirective)`
Optional image directive projected via content slot, used for thumbnails.

eclThemeService
Type : `unknown`
Default value : `inject(EclThemeService)`

### Accessors

cssClasses
get `cssClasses()`
Host element CSS classes based on theme and content. Returns : `string`

isThumbnail
get `isThumbnail()`
Determines whether the file has an associated thumbnail. Returns true if an `EclFilePictureDirective` is present in projected content. Returns : `boolean`

# results matching ""

# No results matching ""