File Upload List 3 component design & features
This file upload example uses the diceui FileUpload component with FileUploadList configured with reduced spacing and padding. It demonstrates compact file items with smaller preview thumbnails, reduced metadata text size, and smaller delete buttons. The compact layout maximizes the number of visible files in limited space.
Compact file lists are useful in toolbars, inline editors, or interfaces where space is at a premium. This pattern allows displaying more files in less space while maintaining essential functionality, suitable for quick file management or attachment previews.