Document Upload

Document, PDF and résumé uploads with type badges.

"use client"

import { DocumentUpload } from "@/components/document-upload"

export default function DocumentUploadExample() {
  return (
    <div className="flex flex-col gap-8">
      <DocumentUpload />
      <DocumentUpload variant="resume" name="resume" />
    </div>
  )
}

Installation

npx shadcn@latest add @uploadcn/document-upload

Usage

import { DocumentUpload } from "@/components/document-upload"
<DocumentUpload variant="resume" name="resume" />

Props

Prop

Type

Examples

PDF

"use client"

import { DocumentUpload } from "@/components/document-upload"

export default function PdfUploadExample() {
  return <DocumentUpload variant="pdf" />
}

On this page