Upload Popover

Attachments behind a button, for toolbars, comment boxes and tickets. The trigger shows a count and a progress ring while files upload.

"use client"

import { demoAdapter } from "@/examples/_demo"
import { UploadPopover } from "@/components/upload-popover"

export default function UploadPopoverExample() {
  return <UploadPopover adapter={demoAdapter} />
}

Installation

npx shadcn@latest add @uploadcn/upload-popover

Usage

import { UploadPopover } from "@/components/upload-popover"
<UploadPopover label="Attachments" maxSize={10 * 1000 * 1000} />

Uploads keep going when the popover closes; the ring on the trigger shows their progress.

Props

Prop

Type

On this page