← All Components

ImageUpload

Media

Drag-and-drop image upload with preview and file type validation.

Live Demo

Drag and drop an image or click to browse.

Usage

<script>
  import { ImageUpload } from "jatui"
</script>

<ImageUpload />

Props

PropTypeDefaultDescription
imageUrlstring""Current image URL for preview
labelstring"Upload Image"Upload area label
maxSizenumber10485760Max file size in bytes
disabledbooleanfalseDisable upload
onUpload(url: string) => void-Upload callback