One uploader, three sources: the device, a public link or the camera. Files from every tab land in the same queue.
"use client"
import { demoAdapter } from "@/examples/_demo"
import { UploadTabs } from "@/components/upload-tabs"
export default function UploadTabsExample() {
return (
<div className="w-full max-w-md">
<UploadTabs adapter={demoAdapter} />
</div>
)
}
Installation
npx shadcn@latest add @uploadcn/upload-tabsUsage
import { UploadTabs } from "@/components/upload-tabs"<UploadTabs sources={["device", "link"]} />Links are fetched in the browser and uploaded like any other file, so the source must allow CORS. The camera starts only when the user clicks Open camera.
Props
Prop
Type