Drop Zone

DropZone
Loading...

Installation

Add the component with the CLI.

npx shadcn@latest add @intentui/drop-zone

Manual installation

Install the dependencies, then copy the component source into your project.

npm install react-aria-components cn

Anatomy

import { DropZone } from "@/components/ui/drop-zone"
import { Label } from "@/components/ui/field"
<DropZone>
  <Label>Toss your stuff here</Label>
</DropZone>

Examples

Using FileTrigger

FileTrigger extends the React Aria Components <FileTrigger> component.

Loading...

Component API

DropZone

DropZone extends the React Aria Components <DropZone> component.

classNamestring

See the React Aria for the full API reference.

Design
Date Range Picker
Checkbox Group