Skip to content
Block PartsPro

Backup Code

A recovery code that copies itself when clicked and is crossed out once it has been used.

Usage

Click a code to copy it. Used codes are crossed out.

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { BackupCode } from "@wunderui/react"

API Reference

PropTypeDefault
codestring—
usedboolean—
onCopy(code: string) => void—
classNamestring—