---
id: file-upload-preview
title: FileUploadPreview
---

import FileUploads from '../common-content/contexts/message-input-context/file_uploads.mdx';
import RemoveFile from '../common-content/contexts/message-input-context/remove_file.mdx';
import UploadFile from '../common-content/contexts/message-input-context/upload_file.mdx';
import UploadImage from '../common-content/contexts/message-input-context/upload_image.mdx';

`FileUploadPreview` is the default UI component for rendering a preview of attached file within MessageInput component.

## Props

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#fileuploads)_</div> fileUploads {#fileuploads}

<FileUploads />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#removefile)_</div> removeFile {#removefile}

<RemoveFile />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#uploadfile)_</div> uploadFile {#uploadfile}

<UploadFile />