---
Title: File Uploading Dialog Component
Added: v2.0.0
Status: Active
Last reviewed: 2019-01-16
---

# [File Uploading Dialog Component](../../../lib/content-services/src/lib/upload/components/file-uploading-dialog.component.ts "Defined in file-uploading-dialog.component.ts")

Shows a dialog listing all the files uploaded with the Upload Button or Drag Area components.

## Basic Usage

```html
<adf-file-uploading-dialog></adf-file-uploading-dialog>
```

## Class members

### Properties

| Name     | Type     | Default value | Description                                |
| -------- | -------- | ------------- | ------------------------------------------ |
| position | `string` | "right"       | Dialog position. Can be 'left' or 'right'. |

### Events

| Name  | Type                                                              | Description                                   |
| ----- | ----------------------------------------------------------------- | --------------------------------------------- |
| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when a file in the list has an error. |

## Details

This component should be used in combination with the
[Upload Button component](upload-button.component.md) or the
[Upload Drag Area component](upload-drag-area.component.md).

## See also

-   [Upload button component](upload-button.component.md)
-   [Upload drag area component](upload-drag-area.component.md)
-   [File upload error pipe](../pipes/file-upload-error.pipe.md)