File Upload Standard 3 component design & features
This file upload example uses the diceui FileUpload component configured for single file selection by omitting the multiple prop and setting maxFiles to 1. It demonstrates how the component handles single file replacement, automatically removing the previous file when a new one is selected. The file list displays one item at a time with preview and metadata.
Single file uploads are common for profile pictures, cover images, document replacements, or any scenario where only one file is needed. This pattern simplifies the interface when multiple files would be unnecessary or confusing.