Dropzone
The Dropzone provides a drag-and-drop target area for file uploads.
Basic Usage
Drop files here or click to browse
import { Dropzone } from "@paramanu/forms-react"
export default function App() { return <Dropzone>Drop files here or click to browse</Dropzone>}<div class="pm-dropzone" role="button" tabindex="0">Drop files here or click to browse</div>Accessibility
| Feature | Detail |
|---|---|
role="button" | Activatable drop target |
| Keyboard | Enter/Space activates file picker |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
disabled | boolean | false | Disabled state |
dragging | boolean | false | Active drag-over state |