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/uiUsage
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 filesAPI Reference
Props, slots and variants for this component.
Dropzone
Dropzone component props and accepted values.
| Prop | Type | Default |
|---|---|---|
| accept | string | undefined |
| multiple | boolean | true |
| onFilesChange | (files: File[]) => void | undefined |
Accessibility Notes
Provide clear accepted file type guidance and ensure upload progress or error feedback is visible.