Uploads as a CLI log. Drop files on the window and each one prints a line with an ASCII progress bar, speed and result.
"use client"
import { useUploader } from "@uploadcn/react"
import { demoAdapter, useSampleFiles } from "@/examples/_demo"
import { UploadTerminal } from "@/components/upload-terminal"
export default function UploadTerminalExample() {
const uploader = useUploader({ adapter: demoAdapter })
useSampleFiles(uploader, "documents")
return (
<UploadTerminal
uploader={uploader}
title="deploy/assets"
className="max-w-xl"
/>
)
}
Installation
npx shadcn@latest add @uploadcn/upload-terminalUsage
import { UploadTerminal } from "@/components/upload-terminal"<UploadTerminal title="deploy/assets" />The window is always dark, whatever the theme. The log is an aria-live list and scrolls to the newest line.
Props
Prop
Type