Skip to Content

file-upload

ui

A drag-and-drop file upload zone with file list, size validation, and remove actions.

Use cases

  • Profile picture upload
  • Event image upload
  • Document attachment
  • Bulk file import

Features

  • Drag-and-drop zone with visual feedback
  • Click-to-browse fallback
  • File size validation with configurable max
  • File type restriction via accept attribute
  • File list with remove actions
  • Multiple file support

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Click to upload or drag and drop

Any file type · Max 10MB

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/file-upload

Dependencies

lucide-reactbutton

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/file-upload

Source

components/ui/file-upload.tsx