File upload

Drag-and-drop (or click) file input with size validation, a file list, and per-file remove buttons.

import { FileUpload } from '@rtorcato/shadcn-ui/components/ui-extended/file-upload'

Open in Storybook ↗

Usage

<FileUpload
  accept="image/*"
  multiple
  maxSize={5 * 1024 * 1024}
  onFilesChange={(files) => setFiles(files)}
/>

Props

Prop	Type	Default	Description
onFilesChange	(files: File[]) => void	—	Called when the selection changes.
accept	string	—	Accepted MIME types / extensions.
multiple	boolean	false	Allow multiple files.
maxSize	number	—	Max size per file, in bytes.
disabled	boolean	false	Disable the input.
className	string	—	Wrapper class.