Shopping Bag

For storefronts and marketplaces: product photos drop into a shopping bag, the counter bounces, and the bag fills as they upload.

"use client"

import { ShoppingBagUpload } from "@/components/shopping-bag-upload"

export default function ShoppingBagUploadExample() {
  return <ShoppingBagUpload />
}

Installation

npx shadcn@latest add @uploadcn/shopping-bag-upload

Usage

import { ShoppingBagUpload } from "@/components/shopping-bag-upload"
<ShoppingBagUpload maxFiles={12} />

Pair it with Product Media to order the photos afterwards.

Props

Prop

Type

On this page