Envelope

Send documents like mail: files slide into the envelope, the flap closes, and a seal stamps on when everything has arrived.

"use client"

import { EnvelopeUpload } from "@/components/envelope-upload"

export default function EnvelopeUploadExample() {
  return <EnvelopeUpload />
}

Installation

npx shadcn@latest add @uploadcn/envelope-upload

Usage

import { EnvelopeUpload } from "@/components/envelope-upload"
<EnvelopeUpload recipient="Acme Legal" accept="application/pdf" />

The flap is a 3D rotateX and the seal uses a spring. With reduced motion, states change instantly.

Props

Prop

Type

On this page