Back to blocks

Secure Download

Password protection, 2FA, encryption indicators, access limits

Installation

npx shadcn add @mylo-ui/download-secure

Preview

Secure Download

Protected file requiring authentication

confidential

Confidential_Financial_Report_2024.enc

Encrypted Archive•15.6 MB•AES-256-GCM

Encryption

AES-256

Password

Required

2FA

Required

Expires

2024-02-15

Download Limit

This file can be downloaded 5 times total. You have 3 remaining.

2 of 5 downloads used

Enter the 6-digit code from your authenticator app

Usage

import { DownloadSecure } from "@/components/blocks/download-secure"

export default function Page() {
  return <DownloadSecure />
}

Dependencies

lucide-react

shadcn/ui Components

button
card
badge