Flip Card

A single-file card that flips over when the upload finishes, showing the file on its back. Flip it again to upload another.

"use client"

import { FlipCardUpload } from "@/components/flip-card-upload"

export default function FlipCardUploadExample() {
  return <FlipCardUpload />
}

Installation

npx shadcn@latest add @uploadcn/flip-card-upload

Usage

import { FlipCardUpload } from "@/components/flip-card-upload"
<FlipCardUpload title="Upload your contract" accept="application/pdf" />

The hidden face is inert, so keyboard focus never lands on the side you can't see.

Props

Prop

Type

On this page