Dropzone

@/components/kamod-ui/dropzone

Drop files here or click to upload.

Installation

Import Dropzone and optional indicators from `@/components/kamod-ui/dropzone`.

pnpm add @kamod-ch/ui

Usage

Handle onFilesChange to process selected or dropped files.

import { Dropzone } from "@/components/kamod-ui/dropzone";
<Dropzone />

Basic Dropzone

Drop files or click to open the file picker.

Dropzone Indicators

Use helper indicators to communicate upload state.

Drop files here or click to upload
Uploading...
Upload files

API Reference

Props, slots and variants for this component.

Dropzone

Dropzone component props and accepted values.

PropTypeDefault
acceptstringundefined
multiplebooleantrue
onFilesChange(files: File[]) => voidundefined

Accessibility Notes

Provide clear accepted file type guidance and ensure upload progress or error feedback is visible.