DropZone

DropZone Component

stable
Playground
↑

Drag & drop files here

or click to browse

Browse files
Props
PropTypeDefaultValue
labeltext—
disabledboolean—
Default
↑

Drag & drop files here

or click to browse

Browse files
WithAccept
↑

Drop images here

or click to browse

Browse files

Accepted: image/*

Disabled
↑

Drag & drop files here

or click to browse

PROPTYPEDEFAULTDESCRIPTION
disabledboolean—Disabled state
labeltext—Drop zone label
Using DropZonetsx
import { DropZone } from '@/components/DropZone'

<DropZone
  label="..."
  disabled="..."
/>
Tokens Used
No design tokens detected