The File selector component allows the user to select file(s) from a user’s file system. Either natively using an file input or drag and drop.
When implementing this component, pay special attention to the following:
Region that a file can be dropped within
Hidden input element
.slds-file-selector button, .slds-file-selector span
Modifications based on context
Dedicated dropzone when there are multiple dropzones in the form or when
the input is positioned among other form inputs.
Container for file selector content, specifically within the dropzone
Descriptive call back text
Multi Line / Image
Use as a dedicated dropzone for image files only. May require a
Invisible Dropzone (Container)
Use when an entire container should be droppable.
The container should have a visible boundary, like a modal, composer, or page.
Specific to integrated file selector — region that a file can be dropped within
Informs dropzone that file has been dragged into the viewport
Informs dropzone that file has been dragged into its region
Specific to integrated file selector — container for file selector
content, specifically within the dropzone
Specific to integrated file selector — Descriptive call back text
No content has been added for this component.