File Upload Special 5 component design & features
This file upload example uses the diceui FileUpload component with FileUploadTrigger integrated into a shadcn DropdownMenu. It demonstrates avatar click opening a dropdown menu with upload and remove options, FileUploadTrigger as a menu item, and conditional remove option that only appears when an avatar is set. The avatar shows hover overlay indicating it’s clickable.
Avatar uploads with menus provide more control than simple click-to-upload, allowing users to choose between uploading a new image or removing the existing one. This pattern appears in profile settings, account management interfaces, or any system where avatar management needs explicit actions.