> For the complete documentation index, see [llms.txt](https://2600hz.gitbook.io/sds/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://2600hz.gitbook.io/sds/sds-components/form-controls/file-upload-input/code.md). # Code

Props	Data Type	Required
className	string	❌
id	string	✅
name	string	❌
placeholder	string	❌
label	string	❌
info	string	❌
buttontext	string	❌
helpText	string	❌
error	boolean	❌
errorMessage	string	❌
readOnly	boolean	❌
disabled	boolean	❌
files	'All' \| 'Images' \| 'Audio' \| 'Video'	❌
onChange	Function	❌

{% hint style="info" %} This component only allows users to select one single file. In the case developers would like the user to select multiple files, it is recommened to use instead the [FileUploadRegion](/sds/sds-components/form-controls/file-upload-region.md) component. {% endhint %} ### Files This feature sets filters for the OS finder to show just the selected file types. But this is not a filter to prevent the user from uploading or not different file types. That's a validation developers have to implement by themselves to have a better control of processes. ### Event Response | Property | Data Type | | ------------- | ----------- | | id | string | | file | file object | | fileExtension | string | | fileName | string | | fileURL | string | | name | string | | label | string | ### Example ```tsx {console.log(e)}} placeholder="Placeholder..." /> ``` ## Live Demo For detailed code usage documentation, see the Storybooks for each framework below. ### React {% embed url="" %}