Drop Zone

RAC
Loading...

Installation

Install the component via the CLI in one command.

npx shadcn@latest add @intentui/drop-zone

Manual installation

Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.

npm install react-aria-components tailwind-merge

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