PhotoUploadGallery

Multiple image upload component with drag-and-drop reordering.

Usage

<PhotoUploadGallery
label="Gallery"
name="photos"
endpoint="/api/upload"
maxFiles={10}
/>

With Compression

<PhotoUploadGallery
label="Gallery"
name="photos"
endpoint="/api/upload"
compression={{
format: 'webp',
size: 2048,
quality: 85
}}
/>

Props

PropTypeDescription
labelstringUpload label text
namestringField name for form data
endpointstringUpload API endpoint
maxFilesnumberMaximum number of files
valuearrayExisting image URLs
compressionobjectCompression settings