DUFileUpload

Forms

Drag-and-drop style file picker.

import { DUFileUpload } from 'deri-ui';
Live preview
typescript
<DUFileUpload multiple onFiles={(files) => {}} />

Props

PropTypeDefaultDescription
accept / multiplestring / booleanConstraints
onFiles(files: FileList | null) => voidHandler
label / hintstringCopy

Usage

import { DUFileUpload } from 'deri-ui';

<DUFileUpload multiple onFiles={(files) => {}} />

Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.

Related

© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.