āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/wandrydev/wandry-ui/components/dropzone-field ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
<CodeBlockCommand __pnpm__="pnpm dlx shadcn@latest add @wandry-ui/dropzone-field" __npm__="npx shadcn@latest add @wandry-ui/dropzone-field" __bun__="bunx --bun shadcn@latest add @wandry-ui/dropzone-field" __yarn__="yarn dlx shadcn@latest add @wandry-ui/dropzone-field" />
<ComponentPreview src="/registry/examples/dropzone-field-demo.tsx" name="dropzone-field-demo" description="A component for Wandry UI" align="center" />
import DropzoneField from "@/components/dropzone-field";
<DropzoneField
name="files"
label="Upload Files"
description="Drag and drop files here or click to select files."
accept={{ "image/*": [], "application/pdf": [] }}
maxFiles={5}
maxSize={5 * 1024 * 1024} // 5 MB
/>
<AutoTypeTable path="registry/wandry-ui/dropzone-field.tsx" name="DropzoneFieldProps" />
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā