Gallery Upload

A photo gallery uploader that resizes images to WebP before upload.

"use client"

import { GalleryUpload } from "@/components/gallery-upload"

export default function GalleryUploadExample() {
  return <GalleryUpload maxFiles={24} />
}

Installation

npx shadcn@latest add @uploadcn/gallery-upload

Usage

import { GalleryUpload } from "@/components/gallery-upload"
<GalleryUpload maxFiles={50} onComplete={(items) => saveAlbum(items)} />

Props

Prop

Type

On this page