DownloadCard

Card for an owned digital asset in the buyer's library — auto-picked file icon.

components/download-card.tsxPeer deps: lucide-react

Live preview

steep-storefront-kit.zip

Full storefront source · 27.2 MB

setup-guide.pdf

32-page deployment walkthrough · 1.1 MB

Usage

import { DownloadCard } from "@/components/download-card";

<DownloadCard
  filename="steep-starter-v1.zip"
  fileSizeBytes={item.file_size}
  description={item.product_name}
  onDownload={async () => {
    const res = await fetch(`/api/orders/download/${item.id}`, { method: "POST" });
    const { url } = await res.json();
    window.location.href = url;
  }}
/>