# EuiFilePreviewComponent

**Type:** component

<p>Internal class used by <code>eui-file-upload</code> to display the files to be uploaded.</p>


**Selector:** `eui-file-preview`

**Standalone:** false

## Inputs

- **file**: `Blob | EuiUploadedFileInterface | any` - <p>The file to use. Will be a <code>Blob</code> for a file to be uploaded, <code>EuiUploadedFileInterface</code> for an initial file.</p>

- **hasPreview**: `boolean` - <p>Whether a preview, image or icon, is displayed for a file to upload.</p>

- **hasPreviewAsIcon**: `boolean` - <p>Whether a preview is displayed as a file format icon.</p>

- **hasPreviewAsImage**: `boolean` - <p>Whether a preview is displayed as image.</p>

- **index**: `number` - <p>Index of the file in the list.</p>

- **isFilenameDisplayed**: `boolean` - <p>Whether the filename is displayed.</p>

- **isFileObject**: `boolean` - <p>Whether the file is <code>File</code> or has been provided by the user as initial value.</p>

- **isFilesizeDisplayed**: `boolean` - <p>Whether the filesize is displayed.</p>

- **isFiletypeDisplayed**: `boolean` - <p>Whether the file type is displayed.</p>

- **isItemsClickable**: `boolean` - <p>Whether items can be clicked. <code>itemClick</code> event is emitted.</p>

- **previewAsIconConfig**: `{ avi: string; html: string; htm: string; js: string; json: string; mp3: string; mp4: string; pdf: string; png: string; svg: string; txt: string; xml: string; jpeg: string; jpg: string; zip: string; doc: string; ... 5 more ...; rtf: string; }` - <p>Object matching extension and icon.</p>

- **uploadedFileTemplate**: `TemplateRef<literal type>` - <p>Template to use in the list of files.</p>


## Outputs

- **itemClick**: `EventEmitter` - <p>Event emitted when a chosen file to upload is clicked.</p>

- **removeFromList**: `EventEmitter` - <p>Event emitted when the remove button is clicked.</p>

