Skip to content

Upload

File upload with click and drag support.

Basic Usage

loading

Drag Upload

loading

Custom Icon & Text (Drag)

Support custom icon (image URL or SVG string) and text for the drag area.

loading

Multiple & Limit

loading

API

PropDescriptionType
actionUpload URLstring
dragWhether to enable drag uploadboolean
multipleWhether to allow multiple selectionboolean
acceptAccepted file typesstring
limitMaximum number of uploadsnumber
dragIconDrag area icon: image URL or SVG stringstring
dragTextDrag area main textstring
dragTextLinkDrag area link text (e.g. "click to upload")string

Slots

SlotDescription
drag-iconCustom icon content (overrides dragIcon prop)
drag-textCustom text content (overrides dragText / dragTextLink props)

Events: success, error, change, etc.

MIT License