Skip to main contentCarbon Design System

File uploader

Preview the file uploader component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

<div className="cds--file__container">
<FileUploader
accept={[
'.jpg',
'.png'
]}
buttonKind="primary"
buttonLabel="Add files"
filenameStatus="edit"
iconDescription="Clear file"
labelDescription="only .jpg files at 500mb or less"
labelTitle="Upload"
/>
</div>
FileUploader
Modifiers