File Upload

A component for creating drag-and-drop file upload interfaces with support for single or multiple files, custom triggers, and visual feedback during file dragging operations.

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/file-upload.json

Props

File Upload

Name	Type	Default
`onFilesAdded`	`(files: File[]) => void`
`children`	`Snippet`
`multiple`	`boolean`	`true`
`accept`	`string`

File Upload Trigger

Name	Type	Default
`asChild`	`boolean`	`false`
`className`	`string`
`children`	`Snippet`
`...props`	`HTMLAttributes<HTMLButtonElement>`

File Upload Content

Name	Type	Default
`className`	`string`
`...props`	`HTMLAttributes<HTMLDivElement>`